fiatcode/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: remove padding from Header and Footer components for consistent layout

Browse source
This commit is contained in:
fiatcode 2026-01-22 22:44:28 +07:00
parent 39714caca3
commit 9e09c5623d
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

@ -1,4 +1,4 @@
<footer class="py-4 w-full text-center"> <footer class="w-full text-center">
<p class="text-xs text-zinc-600 dark:text-zinc-400"> <p class="text-xs text-zinc-600 dark:text-zinc-400">
&copy; {new Date().getFullYear()} Dhemas Nurjaya. All rights reserved. &copy; {new Date().getFullYear()} Dhemas Nurjaya. All rights reserved.
</p> </p>

2
src/components/Header.astro
View file

@ -2,7 +2,7 @@
import NavLink from "@/components/NavLink.astro"; import NavLink from "@/components/NavLink.astro";
--- ---
<header class="py-4 text-black dark:text-white w-full"> <header class="text-black dark:text-white w-full">
<nav class="flex flex-row justify-between" aria-label="Main navigation"> <nav class="flex flex-row justify-between" aria-label="Main navigation">
<div class="flex gap-2 items-center"> <div class="flex gap-2 items-center">
<a href="/" aria-label="Home"> <a href="/" aria-label="Home">

2
src/layouts/Layout.astro
View file

@ -21,7 +21,7 @@ const { title, description } = Astro.props;
<meta name="description" content={description} /> <meta name="description" content={description} />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
</head> </head>
<body class="h-screen max-w-5xl mx-auto flex flex-col font-sans"> <body class="h-screen max-w-5xl mx-auto flex flex-col font-sans p-4">
<Header /> <Header />
<div class="w-full max-w-3xl mx-auto flex-1 py-12"> <div class="w-full max-w-3xl mx-auto flex-1 py-12">
<slot /> <slot />