trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add personal website link

Browse source
This commit is contained in:
trafficlunar 2025-02-11 14:55:42 +00:00
parent a58375fa60
commit bd7c27b96c
3 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/assets/traffic_cone.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.467 8.467"><path d="M.896 6.798l2.502 1.445a1.67 1.67 0 0 0 1.668 0l2.502-1.445c.172-.099.278-.283.278-.482s-.106-.382-.278-.482L5.067 4.39a1.67 1.67 0 0 0-1.668 0L.896 5.835c-.172.099-.278.283-.278.482s.106.382.278.482z"/><path d="M4.156.007a.44.44 0 0 0-.339.29l-.695 2.007.695.401c.258.149.576.149.834 0l.695-.401L4.651.297a.44.44 0 0 0-.495-.29zM2.843 3.106l-1.112 3.21 2.503 1.445 2.502-1.445-1.112-3.21-.973.562c-.258.149-.576.149-.835 0l-.973-.562z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 519 B

2
src/components/ThemeIcon.tsx
View file

@ -15,7 +15,7 @@ function ThemeIcon({ inApp }: Props) {
}; };
const getIcon = () => { const getIcon = () => {
const size = inApp ? 24 : 30; const size = inApp ? 22 : 30;
const color = inApp ? (isDark ? "white" : "black") : "white"; const color = inApp ? (isDark ? "white" : "black") : "white";
switch (theme) { switch (theme) {

6
src/components/menubar/index.tsx
View file

@ -16,6 +16,7 @@ import ThemeIcon from "@/components/ThemeIcon";
import BlockmaticIcon from "@/assets/blockmatic-icon-colored.svg?react"; import BlockmaticIcon from "@/assets/blockmatic-icon-colored.svg?react";
import BlockmaticText from "@/assets/blockmatic-text-colored.svg?react"; import BlockmaticText from "@/assets/blockmatic-text-colored.svg?react";
import GithubIcon from "@/assets/github.svg?react"; import GithubIcon from "@/assets/github.svg?react";
import TrafficConeIcon from "@/assets/traffic_cone.svg?react";
function Menubar() { function Menubar() {
const { isDark } = useContext(ThemeContext); const { isDark } = useContext(ThemeContext);
@ -33,11 +34,14 @@ function Menubar() {
<SelectMenu /> <SelectMenu />
<ViewMenu /> <ViewMenu />
<div className="absolute right-3 flex items-center gap-1"> <div className="absolute right-3 grid grid-cols-3 items-center gap-1">
<ThemeIcon inApp /> <ThemeIcon inApp />
<a href="https://github.com/trafficlunar/blockmatic" className="w-5"> <a href="https://github.com/trafficlunar/blockmatic" className="w-5">
<GithubIcon fill={isDark ? "white" : "black"} /> <GithubIcon fill={isDark ? "white" : "black"} />
</a> </a>
<a href="https://trafficlunar.net" className="w-5">
<TrafficConeIcon fill={isDark ? "white" : "black"} className="hover:fill-orange-400 transition-colors" />
</a>
</div> </div>
</UIMenubar> </UIMenubar>
</DialogProvider> </DialogProvider>