Fix smooth scroll animation and map positioning
All checks were successful
Build Docker Image / build (push) Successful in 4m4s
All checks were successful
Build Docker Image / build (push) Successful in 4m4s
- Replace v-show with transform: translateY() for smooth header collapse animation - Wrap MainNav + SubNav in fixed container with dynamic transform - Remove sticky positioning from MainNavigation and SubNavigation - Fix map to extend to screen edge (right-0, no rounded corners) - Add dynamic padding-top to main for fixed header compensation
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<header class="sticky top-0 z-40 bg-base-100 border-b border-base-300">
|
||||
<header class="bg-base-100 border-b border-base-300">
|
||||
<div class="relative flex items-center h-16 px-4 lg:px-6">
|
||||
<!-- Left: Logo -->
|
||||
<div class="flex items-center">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<nav v-if="items.length > 0" class="sticky top-16 z-30 bg-base-100 border-b border-base-300">
|
||||
<nav v-if="items.length > 0" class="bg-base-100 border-b border-base-300">
|
||||
<div class="flex items-center gap-1 py-2 px-4 lg:px-6 overflow-x-auto">
|
||||
<NuxtLink
|
||||
v-for="item in items"
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
|
||||
<!-- Right: Map (fixed position) -->
|
||||
<div class="w-3/5 relative">
|
||||
<div class="fixed right-6 w-[calc(60%-3rem)] rounded-lg overflow-hidden" :style="mapStyle">
|
||||
<div class="fixed right-0 w-3/5 overflow-hidden" :style="mapStyle">
|
||||
<!-- Search with map checkbox -->
|
||||
<label class="absolute top-4 left-4 z-10 bg-white/90 backdrop-blur px-3 py-2 rounded-lg shadow flex items-center gap-2 cursor-pointer">
|
||||
<input type="checkbox" v-model="searchWithMap" class="checkbox checkbox-sm" />
|
||||
|
||||
Reference in New Issue
Block a user