Skip to content

Commit f5aef11

Browse files
authored
🤖 fix: align secondary text in RightSidebar tab titles (#1132)
Change tab button flex alignment from `items-center` to `items-baseline` so that secondary text (cost like `$0.56` and review count like `2/5`) aligns horizontally with the tab name despite different font sizes (`text-xs` vs `text-[10px]`). _Generated with `mux`_
1 parent b47c23b commit f5aef11

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/browser/components/RightSidebar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ const RightSidebarComponent: React.FC<RightSidebarProps> = ({
271271
<TooltipTrigger asChild>
272272
<button
273273
className={cn(
274-
"rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-center gap-1.5",
274+
"rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-baseline gap-1.5",
275275
selectedTab === "costs"
276276
? "bg-hover text-foreground"
277277
: "bg-transparent text-muted hover:bg-hover/50 hover:text-foreground"
@@ -299,7 +299,7 @@ const RightSidebarComponent: React.FC<RightSidebarProps> = ({
299299
<TooltipTrigger asChild>
300300
<button
301301
className={cn(
302-
"rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-center gap-1.5",
302+
"rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-baseline gap-1.5",
303303
selectedTab === "review"
304304
? "bg-hover text-foreground"
305305
: "bg-transparent text-muted hover:bg-hover/50 hover:text-foreground"

0 commit comments

Comments
 (0)