alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add datenschutz

Browse source
This commit is contained in:
Alexander Daichendt 2025-07-05 08:01:47 +02:00
parent b3d158d52c
commit 3e0875a0d7
5 changed files with 274 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/nav/MobileNavDrawer.astro
View file

@ -16,7 +16,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
<!-- Mobile Drawer -->
<nav
id="mobile-drawer"
class="fixed top-0 right-0 h-full w-64 bg-white dark:bg-gray-800 shadow-xl transform translate-x-full transition-transform duration-300 ease-in-out z-50"
class="fixed top-0 right-0 h-full w-48 bg-white dark:bg-gray-800 shadow-xl transform translate-x-full transition-transform duration-300 ease-in-out z-50"
>
<!-- Close button in drawer -->
<div

7
src/components/nav/TopHeader.astro
View file

@ -10,7 +10,6 @@ import MobileNav from "./MobileNav.astro";
>
<div class="max-w-full lg:px-16 md:px-8 px-2 py-4">
<div class="flex items-center justify-between">
<!-- Site Title - stays on far left -->
<h2 class="font-bold text-xl mb-0 font-mono flex">
<a
href="/"
@ -20,20 +19,14 @@ import MobileNav from "./MobileNav.astro";
</a>
</h2>
<!-- Center container aligned with content -->
<div class="flex-1 flex justify-center">
<div class="max-w-2xl w-full flex justify-end lg:justify-start">
<!-- Desktop: Nav Menu aligned with content -->
<DesktopNav />
</div>
</div>
<!-- Right side: Dark Mode Toggle + Mobile Menu -->
<div class="flex items-center gap-4">
<!-- Dark Mode Toggle - always visible -->
<div class="hidden lg:block"><DarkModeToggle /></div>
<!-- Mobile Navigation Toggle - only on mobile -->
<MobileNav />
</div>
</div>