start something stylish 🐷💅 add sass, create layout components, sort styles and components into folders

2024-05-09 02:11:37 +02:00
parent 5b9c484f14
commit 5cd5e40e91
14 changed files with 350 additions and 90 deletions
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -1,8 +1,7 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"] });
+import "@/css/main.scss";
+import { Header } from "@/components/layout/Header";
+import { Footer } from "@/components/layout/Footer";
+import { Metadata } from "next";

 export const metadata: Metadata = {
  title: "Det Norske Studentersamfund",
@@ -16,7 +15,11 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="no">
-      <body className={inter.className}>{children}</body>
+      <body>
+        <Header />
+        {children}
+        <Footer />
+      </body>
    </html>
  );
 }