tiff/devblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update something

Browse source
This commit is contained in:
tiff 2025-03-09 17:25:26 -04:00
parent 7e891cedb4
commit 95c1137cb2
8 changed files with 44 additions and 5068 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/Header.astro
View file

@ -28,7 +28,7 @@ const isActive = (path: string) => {
<a
id="skip-to-content"
href="#main-content"
class="absolute -top-full left-16 z-50 bg-background px-3 py-2 text-accent backdrop-blur-lg transition-all focus:top-4"
class="bg-background text-accent absolute -top-full left-16 z-50 px-3 py-2 backdrop-blur-lg transition-all focus:top-4"
>
Skip to content
</a>
@ -38,13 +38,13 @@ const isActive = (path: string) => {
>
<div
id="top-nav-wrap"
class="relative flex w-full items-start justify-between bg-background p-4 sm:py-6"
class="bg-background relative flex w-full items-start justify-between p-4 sm:py-6"
>
<a
href="/"
class="absolute py-1 text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
class="relative py-1 text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
>
<Logo class="scale-75 dark:invert" />
<Logo class="translate-5 scale-75" />
</a>
<nav
id="nav-menu"
@ -64,7 +64,7 @@ const isActive = (path: string) => {
id="menu-items"
class:list={[
"mt-4 grid w-44 grid-cols-2 place-content-center gap-2",
"[&>li>a]:block [&>li>a]:px-4 [&>li>a]:py-3 [&>li>a]:text-center [&>li>a]:font-medium [&>li>a]:hover:text-accent sm:[&>li>a]:px-2 sm:[&>li>a]:py-1",
"[&>li>a]:hover:text-accent [&>li>a]:block [&>li>a]:px-4 [&>li>a]:py-3 [&>li>a]:text-center [&>li>a]:font-medium sm:[&>li>a]:px-2 sm:[&>li>a]:py-1",
"hidden",
"sm:mt-0 sm:ml-0 sm:flex sm:w-auto sm:gap-x-5 sm:gap-y-0",
]}
@ -123,7 +123,7 @@ const isActive = (path: string) => {
<li class="col-span-1 flex items-center justify-center">
<button
id="theme-btn"
class="focus-outline relative size-12 p-4 sm:size-8 hover:[&>svg]:stroke-accent"
class="focus-outline hover:[&>svg]:stroke-accent relative size-12 p-4 sm:size-8"
title="Toggles light & dark"
aria-label="auto"
aria-live="polite"