Skip to content

Commit 75dcd8f

Browse files
authored
πŸ€– fix: reduce theme toggle button and title bar spacing (#702)
Restores compact layout in the top-left area while retaining the theme toggle feature. **Changes:** - Reduce toggle button from 28px to 20px (`h-7` β†’ `h-5`) - Reduce icon from 16px to 14px (`h-4` β†’ `h-3.5`) - Reduce title bar vertical padding from `py-2` to `py-1` _Generated with `mux`_
1 parent ed2b285 commit 75dcd8f

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

β€Žsrc/browser/components/ThemeToggleButton.tsxβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ export function ThemeToggleButton() {
1212
<button
1313
type="button"
1414
onClick={toggleTheme}
15-
className="border-border-light text-muted-foreground hover:border-border-medium/80 hover:bg-toggle-bg/70 focus-visible:ring-border-medium flex h-7 w-7 items-center justify-center rounded-md border bg-transparent transition-colors duration-150 focus-visible:ring-1"
15+
className="border-border-light text-muted-foreground hover:border-border-medium/80 hover:bg-toggle-bg/70 focus-visible:ring-border-medium flex h-5 w-5 items-center justify-center rounded-md border bg-transparent transition-colors duration-150 focus-visible:ring-1"
1616
aria-label={label}
1717
data-testid="theme-toggle"
1818
>
19-
<Icon className="h-4 w-4" aria-hidden />
19+
<Icon className="h-3.5 w-3.5" aria-hidden />
2020
</button>
2121
<Tooltip align="right">{label}</Tooltip>
2222
</TooltipWrapper>

β€Žsrc/browser/components/TitleBar.tsxβ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@ export function TitleBar() {
220220
const showUpdateIndicator = true;
221221

222222
return (
223-
<div className="bg-dark border-border-light font-primary text-muted flex shrink-0 items-center justify-between border-b px-4 py-2 text-[11px] select-none">
223+
<div className="bg-dark border-border-light font-primary text-muted flex shrink-0 items-center justify-between border-b px-4 py-1 text-[11px] select-none">
224224
<div className="mr-4 flex min-w-0 items-center gap-2">
225225
{showUpdateIndicator && (
226226
<TooltipWrapper>

0 commit comments

Comments
Β (0)