fix: restore active tab indicator in scrollable SiteNav

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

View File

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