Refactor: Make system responsive

2025-10-29 15:02:56 +00:00
parent b9d7db533c
commit d3c2e31d15
9 changed files with 248 additions and 74 deletions
@@ -1,11 +1,13 @@
 import { AppSidebar } from "./AppSidebar";
+import { MobileNav } from "./MobileNav";
 import { Outlet } from "react-router-dom";

 export function AppLayout() {
  return (
    <div className="flex h-screen w-full bg-background overflow-hidden">
+      <MobileNav />
      <AppSidebar />
-      <main className="flex-1 p-6 lg:p-8 overflow-y-auto">
+      <main className="flex-1 p-4 md:p-6 lg:p-8 overflow-y-auto pt-16 md:pt-6">
        <Outlet />
      </main>
    </div>