📦 EqualifyEverything / equalify-dashboard

📄 root-layout.tsx · 18 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18import { Toasts } from '~/components/alerts';
import { Announcer, Footer, Header, MaxWidthWrapper } from '.';

const RootLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => (
  <>
    <Toasts>
      <Announcer />
      <Header />
      <main className="flex min-h-[calc(100svh-(130px))] flex-col bg-[#e9ecef]">
        <MaxWidthWrapper className="flex-1 py-12">{children}</MaxWidthWrapper>
      </main>
      <Footer />
    </Toasts>
  </>
);

export default RootLayout;