feat: implement PWA support with manifest and icons and add mobile-optimized bottom navigation
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import type { Metadata } from "next";
|
||||
import type { Metadata, Viewport } from "next";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import Sidebar from "@/components/Sidebar";
|
||||
@@ -12,6 +12,20 @@ const inter = Inter({
|
||||
export const metadata: Metadata = {
|
||||
title: "JAIBEN Mobility - EV Rental Platform",
|
||||
description: "JAIBEN Mobility Ltd - EV Rental, Rent-to-Own, Share EV, FOCO Investor",
|
||||
manifest: "/manifest.json",
|
||||
appleWebApp: {
|
||||
capable: true,
|
||||
statusBarStyle: "default",
|
||||
title: "JAIBEN",
|
||||
},
|
||||
};
|
||||
|
||||
export const viewport: Viewport = {
|
||||
themeColor: "#ffffff",
|
||||
width: "device-width",
|
||||
initialScale: 1,
|
||||
maximumScale: 1,
|
||||
userScalable: false,
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -20,10 +34,10 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en" className={inter.variable}>
|
||||
<body className="min-h-screen bg-slate-50 antialiased">
|
||||
<html lang="en" className={inter.variable} suppressHydrationWarning>
|
||||
<body className="min-h-screen bg-slate-50 antialiased" suppressHydrationWarning>
|
||||
<Sidebar />
|
||||
<main className="lg:ml-64 min-h-screen">
|
||||
<main className="lg:ml-64 min-h-screen pb-20 lg:pb-0">
|
||||
{children}
|
||||
</main>
|
||||
<Toaster position="top-right" />
|
||||
|
||||
Reference in New Issue
Block a user