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

fix: proper dashboard layout — header + sidebar + content fill viewport

Browse Source 
Use h-screen overflow-hidden on the root container for authenticated
views. Sidebar and content fill the remaining height below the header.
Remove footer from dashboard pages. Content scrolls inside its own
container, sidebar stays fixed in place.
This commit is contained in:
Usman Baig
2026-03-18 15:38:58 +01:00
parent 61ce505ee5
commit 7ae5facd0c
3 changed files with 58 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/dashboard/Sidebar.tsx
View File

@@ -319,7 +319,7 @@ export default function Sidebar({
{/* Desktop sidebar */}
<aside
className={`hidden lg:flex flex-col shrink-0 sticky top-0 h-screen border-r border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 transition-[width] duration-200 overflow-hidden ${
className={`hidden lg:flex flex-col shrink-0 border-r border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 transition-[width] duration-200 overflow-hidden ${
collapsed ? 'w-[68px]' : 'w-60'
}`}
>