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

this styling is NOT final btw

Browse Source
This commit is contained in:
June 2025-08-12 18:05:25 +12:00
parent 7dfd583c7c
commit 44f71b670e
Signed by: breadone
GPG Key ID: FDC19FE143200483
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/index.astro
View File

@ -7,16 +7,18 @@ const recipies = await client.collection("recipes").getFullList()
--- ---
<PageLayout> <PageLayout>
<p class="text-3xl font-medium">Recipie</p> <p class="w-full bg-yellow-100 p-5 text-3xl pb-4 font-medium">Recipie</p>
What would you like today? <div id="content" class="p-5">
<p class="pb-2">What would you like today?</p>
<div class="grid md:gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-3"> <div class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
{ {
recipies.map(r => ( recipies.map(r => (
<OverviewCard recipe={r} /> <OverviewCard recipe={r} />
)) ))
} }
</div>
</div> </div>
</PageLayout> </PageLayout>

3
src/styles/global.css
View File

@ -1,6 +1,5 @@
@import "tailwindcss"; @import "tailwindcss";
html { html {
@apply bg-white; @apply bg-yellow-50;
@apply p-5;
} }