root/KSA-ORACLE-ALLACCESSKEYS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix layout

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/build.zip
View File

Binary file not shown.

21
resources/js/layouts/app/LandingLayout.vue
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 justify-between px-2 py-2 whitespace-nowrap sm:px-6">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<img <img
v-if="!isMobileMenuOpen"
src="/logo-success.webp" src="/logo-success.webp"
alt="Logo" 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> </div>
<nav class="hidden items-center gap-6 md:flex lg:gap-10"> <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%]" 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> ></span>
</button> </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"> <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> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg> </svg>
@ -399,6 +404,18 @@ input:focus {
width: 85%; width: 85%;
max-width: 320px; 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) { @media (max-width: 640px) {