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

Style changes to font and colours

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

8
src/pages/index.astro
View File

@ -7,10 +7,14 @@ const recipies = await client.collection("recipes").getFullList()
--- ---
<PageLayout> <PageLayout>
<p class="w-full bg-yellow-100 p-5 text-3xl font-medium">Recipie</p> <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> -->
<div class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-4"> <div class="grid gap-2 grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
{ {

4
src/styles/global.css
View File

@ -1,5 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
html { html {
@apply bg-yellow-50; /* @apply bg-[#1d1f21]; */
@apply bg-[#fafafa];
@apply font-stretch-condensed;
} }