feat(navbar): responsive gemaakt en headerhoogte geoptimaliseerd
- Headerhoogte aangepast met transition en clamp() voor vloeiendere scaling
- .lang en .search standaard verborgen op kleine schermen, zichtbaar vanaf 700px
- .nav__list verborgen op kleine schermen, verschijnt vanaf 1000px breedte
- Media queries toegevoegd voor responsieve layout-aanpassingen
- Cursor-pointer toegevoegd aan .lang en .hamburger
- Kleine CSS-herstructurering en spacing verbeteringen voor mobiele weergave
Bestand:
- src/lib/components/NavBar.svelte
Refs: #104
feat(navbar): language en search gestyled volgens Figma-ontwerp
- SVG-pijl toegevoegd aan .lang
- Searchbar gestyled: transparante achtergrond, witte onderlijn
- Responsive breedte voor inputveld via clamp()
- Fontgroottes en uitlijning binnen .nav__top verbeterd
- Kleine CSS-herstructurering
feat(navbar): verticale uitlijning en typografie verbeterd in navigatie
- Navigatie-items beter gecentreerd binnen header
- Flex-structuur van .nav met column layout en spacing via gap
- Lettergrootte responsief gemaakt met @media-query
- Kleine correcties aan marges en text wrapping toegevoegd
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(navbar): basis navigation menu styling met responsive logo en gradient achtergrond
- Eerste CSS-styling geïmplementeerd:
- Linear gradient voor semi-transparant achtergrond
- Backdrop blur (50px) voor blurry effect
- Responsive logo met clamp() en object-fit: contain
- Flex layout voor header en navigatiegroepen
- Font en kleur van navigatie bar is consistent met styleguide (wit op donkere achtergrond)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(header): basis HTML-structuur toegevoegd voor navigatie menu
- Header en navigatie opgezet met semantische HTML
- Logo, language, zoekveld en hamburger-menu toegevoegd
- Eerste versie van menu-items (tickets, bezoekersinfo, collectie, etc.)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
