init: layout

2023-08-05 13:51:33 +02:00
parent 4ec7e13e96
commit a0a137191d
12 changed files with 2460 additions and 13 deletions
--- a/pkgs/ui/src/app/layout.tsx
+++ b/pkgs/ui/src/app/layout.tsx
@@ -1,8 +1,11 @@
 import "./globals.css";
 import type { Metadata } from "next";
 import localFont from "next/font/local";
+import * as React from "react";
+import { StyledEngineProvider } from "@mui/material/styles";
+import cx from "classnames";
+// import { tw } from "../utils/tailwind";

-// const fontPath = ;
 const roboto = localFont({
  src: [
    {
@@ -28,7 +31,6 @@ const roboto = localFont({
  ],
 });

-// const inter =
 export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
@@ -41,7 +43,20 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={roboto.className}>{children}</body>
+      <StyledEngineProvider injectFirst>
+        <body
+          className={cx(
+            "h-screen",
+            "min-h-screen",
+            "w-screen",
+            "bg-white",
+            // custom animation defined in tailwind.config
+            roboto.className
+          )}
+        >
+          {children}
+        </body>
+      </StyledEngineProvider>
    </html>
  );
 }