fix(app): fix sidebar scroll (#80)

hi-ogawa · Sep 24, 2023 · cb94c0f · cb94c0f
1 parent fbc63b4
commit cb94c0f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/app/src/app.tsx b/packages/app/src/app.tsx
@@ -120,7 +120,7 @@ function Header() {
               <span className="i-ri-menu-line w-5 h-5"></span>
             </button>
           </div>
-          <div className="p-1.5">
+          <div className="p-1.5 overflow-y-auto">
             <NavMenu onClick={() => setMenuOpen(false)} />
           </div>
         </div>

diff --git a/packages/app/src/components/drawer.tsx b/packages/app/src/components/drawer.tsx
@@ -42,7 +42,10 @@ export function Drawer(props: {
           leaveTo="opacity-0"
         />
         {/* content */}
-        <RemoveScroll className="fixed inset-0 overflow-hidden">
+        <RemoveScroll
+          className="fixed inset-0 overflow-hidden"
+          removeScrollBar={false}
+        >
           <Transition
             appear
             show={props.open}

diff --git a/packages/app/src/components/modal.tsx b/packages/app/src/components/modal.tsx
@@ -47,7 +47,10 @@ function Modal(props: {
           leaveTo="opacity-0"
         />
         {/* content */}
-        <RemoveScroll className="fixed inset-0 overflow-hidden flex justify-center items-center">
+        <RemoveScroll
+          className="fixed inset-0 overflow-hidden flex justify-center items-center"
+          removeScrollBar={false}
+        >
           <Transition
             appear
             show={props.open}