fix: center site picker hover state in collapsed sidebar

Match site picker button padding (px-2.5) with nav items so the hover
background aligns consistently. Remove title tooltip.
This commit is contained in:
Usman Baig
2026-03-18 16:55:10 +01:00
parent b0983e5a3f
commit 981eaaff39

View File

@@ -104,8 +104,7 @@ function SitePicker({ sites, siteId, collapsed }: { sites: Site[]; siteId: strin
<div className="relative mb-4 px-3" ref={ref}>
<button
onClick={() => setOpen(!open)}
className="w-full flex items-center gap-2.5 rounded-lg px-2 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800 overflow-hidden"
title={collapsed ? currentSite?.name || 'Select site' : undefined}
className="w-full flex items-center gap-2.5 rounded-lg px-2.5 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800 overflow-hidden"
>
<span className="w-7 h-7 rounded-md bg-brand-orange/10 text-brand-orange flex items-center justify-center text-xs font-bold shrink-0">
{initial}