History

fix(web): line up the titlebar wordmark label and version pill (#9255)

Tristan Manchester committed 2 months ago

Commit 12f1fc41 parent 66419a12 files · +4 −2Browse files

Unified · Split

2 files
  1. apps/web/src/components/sidebar/SidebarChrome.tsx +1 −1
  2. apps/web/src/components/ui/badge.tsx +3 −1
apps/web/src/components/sidebar/SidebarChrome.tsx+1−1
@@ -94,7 +94,7 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) { · 93 unmodified lines
9494 <T3Wordmark aria-label="T3" className="h-2.5 w-auto shrink-0" />
9595 <span
9696 className={cn(
97− "-translate-y-px truncate text-sm font-medium tracking-tight",
97+ "truncate text-sm font-medium tracking-tight",
9898 onBackdrop ? "text-white/70" : "text-muted-foreground",
9999 )}
100100 >
apps/web/src/components/ui/badge.tsx+3−1
@@ -20,7 +20,9 @@ const badgeVariants = cva( · 19 unmodified lines
2020 default:
2121 "h-5.5 min-w-5.5 px-[calc(--spacing(1)-1px)] text-sm sm:h-4.5 sm:min-w-4.5 sm:text-xs",
2222 lg: "h-6.5 min-w-6.5 px-[calc(--spacing(1.5)-1px)] text-base sm:h-5.5 sm:min-w-5.5 sm:text-sm",
23− sm: "h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs sm:h-4 sm:min-w-4 sm:text-[.625rem]",
23+ // leading-none: with the inherited fractional leading the rounded font metrics
24+ // leave the label sitting high in the fixed-height box, worse under renderer zoom.
25+ sm: "h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs leading-none sm:h-4 sm:min-w-4 sm:text-[.625rem]",
2426 },
2527 variant: {
2628 default: "bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90",