fix layout
This commit is contained in:
parent
a6c9f72efb
commit
f755180bf8
BIN
public/build.zip
BIN
public/build.zip
Binary file not shown.
@ -36,9 +36,10 @@ onMounted(() => {
|
||||
<div class="flex items-center justify-between px-2 py-2 whitespace-nowrap sm:px-6">
|
||||
<div class="flex items-center gap-3">
|
||||
<img
|
||||
v-if="!isMobileMenuOpen"
|
||||
src="/logo-success.webp"
|
||||
alt="Logo"
|
||||
class="sm:bloc hidden h-12 w-32 transition-transform duration-300 hover:scale-105 sm:block sm:w-36"
|
||||
class="h-12 w-32 transition-transform duration-300 hover:scale-105 sm:w-36"
|
||||
/>
|
||||
</div>
|
||||
<nav class="hidden items-center gap-6 md:flex lg:gap-10">
|
||||
@ -80,7 +81,11 @@ onMounted(() => {
|
||||
class="pointer-events-none absolute inset-0 translate-x-[-120%] -skew-x-12 bg-gradient-to-r from-transparent via-white/30 to-transparent transition-transform duration-700 group-hover:translate-x-[120%]"
|
||||
></span>
|
||||
</button>
|
||||
<button class="p-2 text-white transition-colors hover:text-[var(--c-gold)] md:hidden" @click="toggleMobileMenu">
|
||||
<button
|
||||
class="p-2 text-white transition-colors hover:text-[var(--c-gold)] md:hidden"
|
||||
@click="toggleMobileMenu"
|
||||
v-if="!isMobileMenuOpen"
|
||||
>
|
||||
<svg class="h-7 w-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
|
||||
</svg>
|
||||
@ -399,6 +404,18 @@ input:focus {
|
||||
width: 85%;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
/* Ensure close button doesn't overlap */
|
||||
.mobile-menu-close {
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
/* Add top padding to menu content */
|
||||
.mobile-menu-content {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user