Add sidebar navigation with responsive bottom bar

Three pages: AutoTrader, AutoBuyer, AutoRequester. Fixed left sidebar on desktop (md+), bottom tab bar on mobile. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 15:00:41 -05:00
parent b990ba0606
commit 881c210366
4 changed files with 129 additions and 1 deletions
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import Sidebar from "./components/Sidebar";

 export const metadata: Metadata = {
  title: "AutoTrader",
@@ -13,7 +14,10 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en">
-      <body className="antialiased">{children}</body>
+      <body className="antialiased">
+        <Sidebar />
+        <div className="md:ml-56 pb-16 md:pb-0">{children}</div>
+      </body>
    </html>
  );
 }