fix layout

This commit is contained in:
Nyavokevin 2025-10-29 17:45:49 +03:00
parent a6c9f72efb
commit f755180bf8
2 changed files with 19 additions and 2 deletions

Binary file not shown.

View File

@ -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) {