mohiit1502/zin-tools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Handle Dark Mode Styling for Header Component

Browse Source
This commit is contained in:
aftabrehan
2024-02-02 15:55:22 +05:00
parent 3c200fda99
commit f87e81c4d7
8 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/layout.tsx
View File

@@ -28,14 +28,14 @@ export default function RootLayout({
<ThemeProvider attribute="class">
<Header />
<main className="w-full min-h-[calc(100vh-144px)] mt-36 bg-slate-50">
<main className="w-full min-h-[calc(100vh-136px)] md:min-h-[calc(100vh-144px)] mt-[136px] md:mt-36 bg-slate-50 dark:bg-neutral-900">
<div className="w-full max-w-[1432px] sm:max-w-[1464px] mx-auto h-full px-4 sm:px-8 py-8 sm:py-16">
{children}
</div>
</main>
<div
id="modal"
className="flex items-center justify-center w-screen h-screen fixed top-0 left-[50%] translate-x-[-50%] z-10 overflow-y-hidden pointer-events-none"
className="flex items-center justify-center w-screen h-screen fixed top-0 left-0 z-10 overflow-y-hidden pointer-events-none"
/>
<Footer />