CCCHH/didays.de
Watch
1
0
Fork
You've already forked didays.de
 0
Code Issues 2 Pull requests 3 Activity Actions

improve new design #18

Merged
kritzl merged 15 commits from new-design into main 2026-09-16 11:57:50 +02:00
Conversation 0 Commits 15 Files changed 13 +30 -10
1 changed files with 30 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 9b5b239750 - Show all commits

improve menu
All checks were successful
/ build (pull_request) Successful in 29s
Details

Prev Next
kritzl 2026-09-16 11:33:29 +02:00
commit 9b5b239750
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM

40
src/components/Navbar.astro
View file

@ -1,5 +1,6 @@
---
import path from "../utils/path.ts"
import {Users, List, Info} from "@lucide/astro"
---
<div class="navbar bg-base-100 shadow-sm z-20 sticky top-0">
@ -12,23 +13,42 @@ import path from "../utils/path.ts"
</div>
<ul
tabindex="-1"
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
<li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
<li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
<li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-4 gap-4 shadow-xl border">
<li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/")}>
<Info/>
Wann & Wo
</a></li>
<li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
<List/>
Programm
</a></li>
<li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
<Users/>
Wer
</a></li>
</ul>
</div>
<a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, '/')}>
<a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, "/")}>
<picture class="h-full">
<img src={path(import.meta.env.BASE_URL, '/logo.svg')} alt="Logo von den DiDays 2026 in Hamburg" class="h-full"/>
<img src={path(import.meta.env.BASE_URL, "/logo.svg")} alt="Logo von den DiDays 2026 in Hamburg"
class="h-full"/>
</picture>
</a>
</div>
<div class="navbar-center hidden sm:flex">
<ul class="menu menu-horizontal px-1">
<li><a href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
<li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
<li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
<ul class="menu menu-horizontal px-1 gap-2">
<li><a href={path(import.meta.env.BASE_URL, "/")}>
<Info/>
Wann & Wo
</a></li>
<li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
<List/>
Programm
</a></li>
<li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
<Users/>
Wer
</a></li>
</ul>
</div>
</div>