Skip to content

Commit 2e07442

Browse files
committed
feat(header): borderless icon buttons, link-style hover, add Viewer nav
Drop border and card background from header icon buttons (theme, Discord, GitHub, mobile menu); hover now shifts icon color to primary, matching the text nav links instead of a gray fill. Add Viewer nav item linking to viewer.opentaint.org.
1 parent 9e23736 commit 2e07442

2 files changed

Lines changed: 4 additions & 6 deletions

File tree

src/components/astro/SiteHeader.astro

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ const navItems = [
33
{ href: "/", label: "Home" },
44
{ href: "/blog", label: "Blog" },
55
{ href: "https://github.com/seqra/opentaint/blob/main/docs/README.md", label: "Docs", external: true },
6+
{ href: "https://viewer.opentaint.org/", label: "Viewer", external: true },
67
];
78
---
89

src/index.css

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -150,15 +150,12 @@
150150
}
151151

152152
.theme-button {
153-
@apply inline-flex h-11 w-11 items-center justify-center rounded border transition-colors;
154-
border-color: hsl(var(--border));
155-
background-color: hsl(var(--card));
156-
color: hsl(var(--foreground));
153+
@apply inline-flex h-11 w-11 items-center justify-center rounded transition-colors;
154+
color: hsl(var(--muted-foreground));
157155
}
158156

159157
.theme-button:hover {
160-
border-color: hsl(var(--border-strong));
161-
background-color: hsl(var(--secondary));
158+
color: hsl(var(--primary));
162159
}
163160

164161
.theme-icon-sun,

0 commit comments

Comments
 (0)