fix(ui): tighten the navbar control group on narrow viewports

This commit is contained in:
Yuneng Jiang 2026-08-22 22:26:30 -07:00
parent 4cb466a8dc
commit 89d7679afd
No known key found for this signature in database

View file

@ -132,7 +132,7 @@ const Navbar: React.FC<NavbarProps> = ({
</div>
)}
<div className="ml-auto flex min-w-0 flex-1 items-center justify-end gap-4">
<div className="ml-auto flex min-w-0 flex-1 items-center justify-end gap-4 max-sm:gap-2">
{showWorkerSwitch && (
<div className="flex shrink-0 items-center">
<WorkerDropdown onWorkerSwitch={handleWorkerSwitch} />
@ -162,7 +162,7 @@ const Navbar: React.FC<NavbarProps> = ({
</div>
)}
<div className="flex shrink-0 items-center border-l border-border pl-4">
<div className="flex shrink-0 items-center border-l border-border pl-4 max-sm:border-l-0 max-sm:pl-2">
<div className="flex items-center gap-0.5 rounded-lg bg-muted px-1 py-0 transition-colors hover:bg-accent">
<ThemeToggle />
{!isPublicPage && (