frosty/web/src/app/layout.tsx
Tommy Chow 4f7258c635 Don't use dvh
Causes image layout vertical shifting on Chrome mobile.
2024-09-15 22:03:31 -07:00

38 lines
1.1 KiB
TypeScript

import { Footer } from '@/components/Footer';
import { Header } from '@/components/Header';
import { Providers } from '@/components/Providers';
import { type Metadata } from 'next';
import { Inter } from 'next/font/google';
import { twJoin } from 'tailwind-merge';
import './globals.css';
const fontSans = Inter({ subsets: ['latin'], variable: '--font-sans' });
export const metadata: Metadata = {
title: 'Frosty for Twitch',
description: 'Frosty lets you watch Twitch with 7TV, BTTV, and FFZ emotes',
metadataBase: new URL('https://frostyapp.io'),
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang='en' suppressHydrationWarning>
<body
className={twJoin(
'mx-auto min-h-screen max-w-screen-lg bg-neutral-100 font-sans text-neutral-950 dark:bg-black dark:text-neutral-100',
fontSans.variable,
)}
>
<Providers>
<Header />
<main className='grow px-4 lg:px-0'>{children}</main>
<Footer />
</Providers>
</body>
</html>
);
}