ashwin/nxtgauge-admin-solid
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(sidebar): enable scrolling — set height:100% on sidebar and wrapper, replace h-screen/h-full Tailwind with inline styles

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ashwin Kumar 2026-03-27 02:09:55 +01:00
parent 58005121ee
commit fd4f6ceba8
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/AdminShell.tsx
View file

@ -372,10 +372,10 @@ export default function AdminShell(props: { children: JSX.Element }) {
when={checkedSession()}
fallback={<div class="flex min-h-screen items-center justify-center text-[14px] text-[rgba(13,13,42,0.55)]">Checking session…</div>}
>
<div class="flex h-screen overflow-hidden">
<div style="display:flex;height:100vh;overflow:hidden">
<div class={`fixed inset-0 z-20 bg-black/30 transition-opacity lg:hidden ${sidebarOpen() ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} onClick={() => setSidebarOpen(false)} />
<div class={`fixed inset-y-0 left-0 z-30 h-full -translate-x-full transition-transform duration-200 lg:relative lg:translate-x-0 ${sidebarOpen() ? 'translate-x-0' : ''}`}>
<div style="height:100%;display:flex;flex-shrink:0">
<AdminSidebar
collapsed={sidebarCollapsed()}
onToggle={() => setSidebarCollapsed((v) => !v)}

2
src/components/AdminSidebar.tsx
View file

@ -93,7 +93,7 @@ export default function AdminSidebar(props: {
return (
<aside
style="overflow:hidden;display:flex;flex-direction:column;background:white;border-right:1px solid #E5E7EB;transition:width 0.3s;flex-shrink:0"
style="overflow:hidden;display:flex;flex-direction:column;height:100%;background:white;border-right:1px solid #E5E7EB;transition:width 0.3s;flex-shrink:0"
style:width={props.collapsed ? '64px' : '220px'}
>
{/* Logo area */}