Add full mobile responsive design with hamburger menu, responsive components, and mobile optimizations

2025-12-26 15:57:31 +04:00
parent d3c3490655
commit 6b33913471
10 changed files with 341 additions and 243 deletions
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -41,7 +41,7 @@ export default function Home() {
  return (
    <div className="flex min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800">
      <Sidebar currentView={currentView} onViewChange={setCurrentView} />
-      <main className="flex-1 overflow-auto p-8">
+      <main className="flex-1 overflow-auto pt-16 lg:pt-0 px-4 py-4 lg:p-8">
        <div className="mx-auto max-w-7xl">
          {renderContent()}
        </div>