add a header and some styling
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
import Head from "./head.astro";
|
import Head from "./head.astro";
|
||||||
|
import Navbar from "./navbar.astro"
|
||||||
|
|
||||||
const {
|
const {
|
||||||
title = "Memento"
|
title = "Memento"
|
||||||
@@ -13,6 +14,8 @@ const {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<Navbar />
|
||||||
|
|
||||||
<slot />
|
<slot />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
3
src/component/core/navbar.astro
Normal file
3
src/component/core/navbar.astro
Normal file
@@ -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>
|
||||||
@@ -45,7 +45,6 @@ import Layout from "../component/core/layout.astro"
|
|||||||
|
|
||||||
|
|
||||||
<Layout>
|
<Layout>
|
||||||
<h1>Astro</h1>
|
|
||||||
<div id="editor">
|
<div id="editor">
|
||||||
<p>Hello World!</p>
|
<p>Hello World!</p>
|
||||||
<p>Some initial <strong>bold</strong> text</p>
|
<p>Some initial <strong>bold</strong> text</p>
|
||||||
|
|||||||
@@ -4,7 +4,8 @@
|
|||||||
@import 'quill/dist/quill.snow.css';
|
@import 'quill/dist/quill.snow.css';
|
||||||
|
|
||||||
html {
|
html {
|
||||||
@apply p-6;
|
@apply p-3;
|
||||||
|
@apply bg-black/90 text-white
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|||||||
Reference in New Issue
Block a user