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:
@@ -104,8 +104,7 @@ function SitePicker({ sites, siteId, collapsed }: { sites: Site[]; siteId: strin
|
|||||||
<div className="relative mb-4 px-3" ref={ref}>
|
<div className="relative mb-4 px-3" ref={ref}>
|
||||||
<button
|
<button
|
||||||
onClick={() => setOpen(!open)}
|
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"
|
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"
|
||||||
title={collapsed ? currentSite?.name || 'Select site' : undefined}
|
|
||||||
>
|
>
|
||||||
<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">
|
<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}
|
{initial}
|
||||||
|
|||||||
Reference in New Issue
Block a user