add a header and some styling

2026-01-14 23:04:02 +13:00
parent e71acd2ce1
commit fc7cd5a60a
4 changed files with 8 additions and 2 deletions
--- a/src/component/core/layout.astro
+++ b/src/component/core/layout.astro
@@ -1,5 +1,6 @@
 ---
 import Head from "./head.astro";
+import Navbar from "./navbar.astro"

 const {
    title = "Memento"
@@ -13,6 +14,8 @@ const {
    />

    <body>
+        <Navbar />
+
        <slot />
    </body>
 </html>
--- a/src/component/core/navbar.astro
+++ b/src/component/core/navbar.astro
@@ -0,0 +1,3 @@
+<div class="flex w-full h-14 px-2  rounded-xl mb-4 bg-blue-400/40 place-items-center">
+    <p class="font-bold">Memento</p>
+</div>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -45,7 +45,6 @@ import Layout from "../component/core/layout.astro"


 <Layout>
-	<h1>Astro</h1>
 		<div id="editor">
 			<p>Hello World!</p>
 			<p>Some initial <strong>bold</strong> text</p>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -4,7 +4,8 @@
@import 'quill/dist/quill.snow.css';

 html {
-    @apply p-6;
+    @apply p-3;
+    @apply bg-black/90 text-white
 }

 button {