Bernard Siebens
2d43b0b903
The navbar and the menu stay put; only the content scrolls. That is a property of the layout, not a `sticky` class: the body is a flex column pinned to the viewport with overflow hidden, and <main> is the single scrolling region. The sidebar is a SIBLING of <main>, not inside it, so it sits outside that region and cannot drift by construction. A sticky sidebar in a scrollable body still slides on a long page, which is the failure this avoids. The tabs become a daisyUI menu with an active indicator (`menu-active`) and the hover/focus states `.menu` already provides. Sidebar below `lg` would be a menu nobody can reach, so the same items render as a horizontal menu there -- from ONE partial, because two copies of a link list is how a new section ends up reachable on a desktop and invisible on a phone. Auth pages leave the menu block empty and <main> simply takes the full width. Verified in a browser: content scrolled 800px, sidebar and navbar moved 0px, and the body is not scrollable at all. Below `lg` the sidebar hides and all five links are still there. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>