mirror of
https://github.com/coder/coder.git
synced 2026-06-02 20:48:20 +00:00
fix: unify sidebar Git/Desktop tab styles with GitPanel tabs (#23164)
The active Git tab looked different than the Desktop tab, and they didn't match the actual tabs in the Git section.
This commit is contained in:
@@ -235,10 +235,10 @@ export const SidebarTabView: FC<SidebarTabViewProps> = ({
|
||||
role="tab"
|
||||
aria-selected={isActive}
|
||||
onClick={() => setActiveTabId(tab.id)}
|
||||
variant="subtle"
|
||||
variant="outline"
|
||||
size="lg"
|
||||
className={cn(
|
||||
"shrink-0 h-6 border border-solid border-transparent min-w-0 gap-3 px-2 py-0 bg-surface-primary text-content-secondary hover:bg-surface-tertiary/50 hover:text-content-primary",
|
||||
"shrink-0 h-6 min-w-0 gap-1.5 px-2 py-0 bg-surface-primary",
|
||||
isActive &&
|
||||
"bg-surface-quaternary/25 text-content-primary hover:bg-surface-quaternary/50",
|
||||
tab.badge && "pr-0",
|
||||
@@ -268,8 +268,9 @@ export const SidebarTabView: FC<SidebarTabViewProps> = ({
|
||||
variant="outline"
|
||||
size="lg"
|
||||
className={cn(
|
||||
"shrink-0 h-6 px-3 gap-3 py-0 bg-surface-primary",
|
||||
effectiveTabId === "desktop" && "bg-surface-tertiary",
|
||||
"shrink-0 h-6 min-w-0 gap-1.5 px-2 py-0 bg-surface-primary",
|
||||
effectiveTabId === "desktop" &&
|
||||
"bg-surface-quaternary/25 text-content-primary hover:bg-surface-quaternary/50",
|
||||
)}
|
||||
>
|
||||
Desktop
|
||||
|
||||
Reference in New Issue
Block a user