ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: restore active tab indicator in scrollable SiteNav

Browse Source 
Move overflow-x-auto to the outer border-b container and use min-w-max
on the nav so the framer-motion layoutId indicator is not clipped.
This commit is contained in:
Usman Baig
2026-03-15 18:37:40 +01:00
parent 220d3905be
commit 849986edf1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/dashboard/SiteNav.tsx
View File

@@ -35,8 +35,8 @@ export default function SiteNav({ siteId }: SiteNavProps) {
} }
return ( return (
<div className="border-b border-neutral-200 dark:border-neutral-800 mb-6"> <div className="border-b border-neutral-200 dark:border-neutral-800 mb-6 overflow-x-auto scrollbar-hide">
<nav className="flex gap-1 overflow-x-auto scrollbar-hide" role="tablist" aria-label="Site navigation" onKeyDown={handleTabKeyDown}> <nav className="flex gap-1 min-w-max" role="tablist" aria-label="Site navigation" onKeyDown={handleTabKeyDown}>
{tabs.map((tab) => ( {tabs.map((tab) => (
<Link <Link
key={tab.href} key={tab.href}