Spaces:

ImTokyo
/

warungpos-ui

Running

Mhamdans17 commited on Jun 9

Commit

f3c5fbf

1 Parent(s): e2c1c25

fix: tightly lock AdminLayout to prevent body scroll bouncing

Files changed (1) hide show

src/layouts/AdminLayout.jsx CHANGED Viewed

@@ -4,9 +4,9 @@ import Sidebar from '../components/Sidebar';
 export default function AdminLayout() {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', minHeight: '100dvh', background: '#f0f5f8', overflowX: 'hidden' }}>
       <Sidebar />
-      <main className="admin-main" style={{ marginLeft: '256px', flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, overflowX: 'hidden', transition: 'margin-left 0.2s ease' }}>
         <Navbar />
         <div className="admin-content" style={{ padding: '28px 32px', flex: 1 }}>
           <Outlet />

 export default function AdminLayout() {
   return (
+    <div style={{ position: 'fixed', inset: 0, background: '#f0f5f8', overflow: 'hidden' }}>
       <Sidebar />
+      <main className="admin-main" style={{ marginLeft: '256px', height: '100dvh', display: 'flex', flexDirection: 'column', minWidth: 0, overflowX: 'hidden', overflowY: 'auto', transition: 'margin-left 0.2s ease', WebkitOverflowScrolling: 'touch' }}>
         <Navbar />
         <div className="admin-content" style={{ padding: '28px 32px', flex: 1 }}>
           <Outlet />