From fd4f6ceba8756c893b5532384e60b276bcbc3aac Mon Sep 17 00:00:00 2001
From: Ashwin Kumar <ashwin@macbookair.home>
Date: Fri, 27 Mar 2026 02:09:55 +0100
Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20enable=20scrolling=20=E2=80=94?=
 =?UTF-8?q?=20set=20height:100%=20on=20sidebar=20and=20wrapper,=20replace?=
 =?UTF-8?q?=20h-screen/h-full=20Tailwind=20with=20inline=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/AdminShell.tsx   | 4 ++--
 src/components/AdminSidebar.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/AdminShell.tsx b/src/components/AdminShell.tsx
index b680877..c153268 100644
--- a/src/components/AdminShell.tsx
+++ b/src/components/AdminShell.tsx
@@ -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)}
diff --git a/src/components/AdminSidebar.tsx b/src/components/AdminSidebar.tsx
index d85d438..46403b3 100644
--- a/src/components/AdminSidebar.tsx
+++ b/src/components/AdminSidebar.tsx
@@ -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 */}