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

Created Footer Component and Configure Theme

Browse Source
This commit is contained in:
aftabrehan
2024-02-02 12:23:05 +05:00
parent 757f581fe8
commit 306ae685d6
17 changed files with 206 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/layout.tsx
View File

@@ -1,12 +1,16 @@
import { Inter } from 'next/font/google'
import type { Metadata } from 'next'
import { ThemeProvider } from '@/components/theme-provider'
import { Header } from '@/components/header'
import { Footer } from '@/components/footer'
import './globals.css'
const inter = Inter({ subsets: ['latin'] })
const inter = Inter({
subsets: ['latin'],
weight: ['400', '500', '600', '700', '800'],
})
export const metadata: Metadata = {
title: 'ZinTools',
@@ -21,17 +25,21 @@ export default function RootLayout({
return (
<html lang="en">
<body className={inter.className}>
<Header />
<main className="w-full min-h-[calc(100vh-144px)] mt-36 bg-slate-50">
<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"
/>
<Footer />
<ThemeProvider attribute="class">
<Header />
<main className="w-full min-h-[calc(100vh-144px)] mt-36 bg-slate-50">
<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"
/>
<Footer />
</ThemeProvider>
</body>
</html>
)