PulseApp/docs
PulseApp/docs
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Activity

better sidebar responsiveness
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 56s
Details

Browse Source 
Took 8 minutes
This commit is contained in:
Braydon 2024-10-06 18:15:57 -04:00
parent f73c2a61e6
commit 96b79d9995
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@ -52,7 +52,7 @@ const RootLayout = ({
<div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col"> <div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
<Navbar /> <Navbar />
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5"> <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="hidden xs:flex"> <div className="relative hidden xs:flex pr-40 sm:pr-52">
<Sidebar /> <Sidebar />
</div> </div>
{children} {children}

2
src/components/sidebar/sidebar.tsx
View File

@ -22,7 +22,7 @@ const Sidebar = (): ReactElement => (
</div> </div>
{/* Desktop */} {/* Desktop */}
<div className="hidden min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu"> <div className="hidden fixed top-20 inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
<SidebarContent /> <SidebarContent />
</div> </div>
</> </>