astral/buzz-sheet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui) : improve control visibility while preserving header styling
CI / Verify (push) Successful in 3m0s
Details
CI / Build immutable images and deploy (push) Successful in 2m34s
Details

Browse Source
This commit is contained in:
gunshiz
2026-10-14 15:35:40 +07:00 Unverified
parent 8d051c9e4b
commit d229cb3942
10 changed files with 109 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/public/guide-page-shell.tsx
+6 -6
View File
@@ -86,10 +86,10 @@ export function GuidePageShell({
href={baseHref}
aria-current={!section ? "page" : undefined}
className={cn(
"flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md px-3 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
"flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md border px-3 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
!section
? "bg-primary/15 font-semibold text-primary"
: "text-muted-foreground hover:bg-muted hover:text-foreground",
? "border-primary bg-primary/15 font-semibold text-primary"
: "border-control-border bg-control text-foreground hover:border-control-border-hover hover:bg-control-hover",
)}
prefetch={false}
>
@@ -108,10 +108,10 @@ export function GuidePageShell({
href={`${baseHref}/${item.slug}`}
aria-current={section === item.slug ? "page" : undefined}
className={cn(
"flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md px-3 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
"flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md border px-3 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
section === item.slug
? "bg-primary/15 font-semibold text-primary"
: "text-muted-foreground hover:bg-muted hover:text-foreground",
? "border-primary bg-primary/15 font-semibold text-primary"
: "border-control-border bg-control text-foreground hover:border-control-border-hover hover:bg-control-hover",
)}
prefetch={false}
>