Merge pull request #14 from unb-mds/feature/jose-layout-home

📝 layout inicial
unb-mds · Oct 24, 2023 · f17d0ba · f17d0ba
2 parents 05b19c2 + f65e4f0
commit f17d0ba
Show file tree

Hide file tree

Showing 8 changed files with 5,141 additions and 432 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10",
+    "daisyui": "^3.9.3",
     "eslint": "^8",
     "eslint-config-next": "13.5.6",
     "postcss": "^8",

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -3,6 +3,5 @@
 @tailwind utilities;
 
 body {
-    color: rgb(var(--foreground-rgb));
-    padding: 1rem;
+    margin: 0;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -11,7 +11,7 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <html lang="pt-br">
+    <html lang="pt-br" data-theme="corporate">
       <body>{children}</body>
     </html>
   )

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,16 +1,10 @@
+import Footer from '@/components/Footer';
 import MainLayout from '../layouts/MainLayout';
-import Head from "next/head";
-import Footer from "@/components/Footer";
 
 export default function Home() {
   return (
-    <main>
-      <Head>
-        <link rel="shortcut icon" href="/favicon.ico" />
-      </Head>
-      <MainLayout>
-        <Footer />
-      </MainLayout>
-    </main>
+    <MainLayout>
+      <Footer />
+    </MainLayout>
   );
 }
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
@@ -6,30 +6,14 @@ export default function MainLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="flex min-h-screen">
-      {/* Cabeçalho */}
-      <div className="bg-gray-900 w-full p-4 text-gray-200">
-        <div className="flex items-center justify-between">
-          <img
-            src="../assets/svgs/logobranca.svg"
-            alt="Logo"
-            className="h-8 w-8"
-          />
-          <div className="flex space-x-4">
-            <a href="/" className="text-gray-200">Home</a>
-            <a href="/sobre" className="text-gray-200">Sobre</a>
-            <a href="/github" className="text-gray-200">GitHub</a>
-          </div>
-        </div>
+    <div className="flex-col">
+      <div className="bg-gray-900 h-16 w-screen">
+        {/* Conteúdo da Barra Superior */}
       </div>
-
-      {/* Barra Lateral */}
-      <div className="bg-teal-500 w-48">
-        {/* Conteúdo da Barra Lateral */}
+      <div className="bg-teal-500 w-16 h-screen">
+        {/* Conteúdo da Barra à Esquerda */}
       </div>
-
-      <div className="flex flex-1 p-4">
-        {/* Conteúdo da Página */}
+      <div className="flex-1">
         {children}
       </div>
     </div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -15,6 +15,9 @@ const config: Config = {
       },
     },
   },
-  plugins: [],
+  plugins: [require("daisyui")],
+  daisyui: {
+    themes: ["corporate"],
+  },
 }
 export default config
diff --git a/yarn.lock b/yarn.lock