fix: mobile-first UI redesign - bump all text to 12px+, 44px+ touch targets, reduced content density

2026-06-15 11:07:41 +02:00
parent e479df82e2
commit 8f0ff9d47a
16 changed files with 192 additions and 143 deletions
@@ -2,7 +2,6 @@ import type { Metadata } from "next";
 import "./globals.css";
 import { AuthProvider } from "@/lib/AuthContext";
 import BottomNav from "@/components/BottomNav";
-import NotificationBell from "@/components/NotificationBell";

 export const metadata: Metadata = {
  title: "Falah — Islamic Lifestyle",
@@ -20,7 +19,7 @@ export default function RootLayout({
  return (
    <html lang="en" className="dark">
      <head>
-        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=1, user-scalable=no" />
        <meta name="theme-color" content="#0a0a0f" />
        <meta name="mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -28,11 +27,8 @@ export default function RootLayout({
      </head>
      <body>
        <AuthProvider>
-          <div className="relative">
-            <div className="absolute top-4 right-4 z-40">
-              <NotificationBell />
-            </div>
-            <main>{children}</main>
+          <div className="mobile-container relative min-h-dvh">
+            <main className="pb-4">{children}</main>
          </div>
          <BottomNav />
        </AuthProvider>