💄 update styling on Header & Footer

This commit is contained in:
Sindre Kjelsrud 2023-12-09 16:04:01 +01:00
parent fcd4ba3c56
commit 693dbbda16
2 changed files with 6 additions and 6 deletions

View file

@ -2,6 +2,6 @@
const today = new Date();
---
<footer class="flex justify-center fixed w-screen bottom-0 p-4 footerbg">
<footer class="flex justify-center w-full py-5 fixed bottom-0 footerbg">
{today.getFullYear()} &copy; Sindre Kjelsrud.
</footer>

View file

@ -4,17 +4,17 @@ import { SITE_TITLE } from '../consts';
import ThemeIcon from './ThemeIcon.astro';
---
<header class="flex justify-center mx-auto md:gap-64 gap-4 py-5">
<header class="flex justify-between items-center py-5">
<div>
<a class="font-bold" href="/">
{SITE_TITLE}
<a class="text-2xl font-semibold" href="/">
$ ~/sidski
</a>
<ThemeIcon />
</div>
<nav class="flex gap-2">
<nav class="flex gap-4">
<HeaderLink href="/about">about</HeaderLink>
<HeaderLink href="#">projects</HeaderLink>
<HeaderLink href="#">resume</HeaderLink>
<HeaderLink href="/blog">blog</HeaderLink>
<ThemeIcon />
</nav>
</header>