breadone/Recipie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor into header

Browse Source
This commit is contained in:
June 2025-08-12 23:31:07 +12:00
parent ecf37ef19f
commit 1feebda380
Signed by: breadone
GPG Key ID: FDC19FE143200483
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Header.astro Normal file
View File

@ -0,0 +1,13 @@
<div class="flex w-full items-center bg-yellow-100 p-5">
<a class="flex" href="/">
<p class=" text-3xl">Reci</p>
<p class=" text-3xl text-amber-500">pie</p>
🥧
</a>
<div class="flex ml-10 space-x-5">
<!-- <span>new</span>
<span>sf</span> -->
</div>
</div>

2
src/layouts/base.astro
View File

@ -1,5 +1,6 @@
--- ---
import BaseHead from "../components/BaseHead.astro"; import BaseHead from "../components/BaseHead.astro";
import Header from "@/components/Header";
--- ---
<html lang=en> <html lang=en>
@ -8,6 +9,7 @@ import BaseHead from "../components/BaseHead.astro";
</head> </head>
<body> <body>
<main id="main" class="flex-1"> <main id="main" class="flex-1">
<Header/>
<slot /> <slot />
</main> </main>
</body> </body>

6
src/pages/index.astro
View File

@ -7,12 +7,6 @@ const recipies = await client.collection("recipes").getFullList()
--- ---
<PageLayout> <PageLayout>
<div class="flex w-full bg-yellow-100 p-5">
<p class=" text-3xl">Reci</p>
<p class=" text-3xl text-amber-500">pie</p>
🥧
</div>
<div id="content" class="p-5 pt-2"> <div id="content" class="p-5 pt-2">
<!-- <p class="pb-2">What would you like today?</p> --> <!-- <p class="pb-2">What would you like today?</p> -->