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

[PIE-6] Add first (non-final) (temporary-ish) stylings #5

Merged
breadone merged 12 commits from PIE-6 into main 2025-08-12 23:39:33 +12:00
Conversation 0 Commits 12 Files Changed 21 +16 -7
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1feebda380 - Show all commits

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

8
src/pages/index.astro
View File

@ -6,13 +6,7 @@ import OverviewCard from "@/components/Card/OverviewCard"
const recipies = await client.collection("recipes").getFullList()
---
<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>
<PageLayout>
<div id="content" class="p-5 pt-2">
<!-- <p class="pb-2">What would you like today?</p> -->