History

fix(web): align the sidebar wordmark by baseline (#9578)

maria committed 2 months ago

Commit bf40fa71 parent 0cb02ab1 file · +11 −9Browse files

Unified · Split

apps/web/src/components/sidebar/SidebarChrome.tsx+11−9
@@ -86,19 +86,21 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) { · 85 unmodified lines
8686 <Link
8787 aria-label="Go to threads"
8888 className={cn(
89− "relative z-10 ml-[var(--workspace-titlebar-content-left)] hidden h-7 w-fit min-w-0 shrink-0 items-center gap-1 overflow-hidden rounded-md outline-hidden ring-ring focus-visible:ring-2 md:flex",
89+ "relative z-10 ml-[var(--workspace-titlebar-content-left)] hidden h-7 w-fit min-w-0 shrink-0 items-center overflow-hidden rounded-md outline-hidden ring-ring focus-visible:ring-2 md:flex",
9090 onBackdrop ? "text-white" : "text-foreground",
9191 )}
9292 to="/"
9393 >
94− <T3Wordmark aria-label="T3" className="h-2.5 w-auto shrink-0" />
95− <span
96− className={cn(
97− "truncate text-sm font-medium tracking-tight",
98− onBackdrop ? "text-white/70" : "text-muted-foreground",
99− )}
100− >
101− Code
94+ <span className="inline-flex min-w-0 items-baseline gap-1">
95+ <T3Wordmark aria-label="T3" className="h-2.5 w-auto shrink-0" />
96+ <span
97+ className={cn(
98+ "truncate text-sm font-medium tracking-tight",
99+ onBackdrop ? "text-white/70" : "text-muted-foreground",
100+ )}
101+ >
102+ Code
103+ </span>
102104 </span>
103105 </Link>
104106 );