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

fix logo

Browse Source
This commit is contained in:
Nyavokevin 2025-10-03 11:02:08 +03:00
parent f91194a6a8
commit 348b65fa63
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/layouts/app/LandingLayout.vue
View File

@ -44,11 +44,10 @@ onMounted(() => {
class="sticky top-0 z-50 flex items-center justify-between px-4 py-4 transition-all duration-500 md:px-10 lg:px-20"
:class="scrolled ? 'bg-white/90 py-3 shadow-sm backdrop-blur-md' : 'bg-transparent py-4'"
>
<!-- Logo with enhanced styling -->
<!-- Logo with natural styling (no rounding, no shadow) -->
<div class="flex items-center gap-3">
<div class="relative">
<div class="absolute -inset-2 bg-[var(--subtle-gold)]/20 blur-sm"></div>
<img src="icon_ksa.jpg" alt="Logo" class="relative h-16 w-16 rounded-full object-cover shadow-lg md:h-20 md:w-20" />
<div class="logo-container">
<img src="icon_ksa.jpg" alt="Logo" class="relative h-16 w-16 object-cover md:h-20 md:w-20" />
</div>
<div class="hidden md:block">
<h1 class="font-serif text-xl font-bold text-[var(--midnight-blue)]">Kris Saint Ange</h1>
@ -149,7 +148,8 @@ onMounted(() => {
</button>
<div class="mb-8 text-center">
<img src="icon_ksa.jpg" alt="Logo" class="mx-auto mb-4 h-20 w-20 rounded-full object-cover shadow-lg" />
<!-- Mobile logo without rounding or shadow -->
<img src="icon_ksa.jpg" alt="Logo" class="mx-auto mb-4 h-20 w-20 object-cover" />
<h2 class="font-serif text-2xl font-bold text-[var(--midnight-blue)]">Kris Saint Ange</h2>
</div>
@ -202,10 +202,10 @@ onMounted(() => {
<footer class="mt-16 border-t border-[var(--linen)] bg-gradient-to-b from-white to-[var(--light-ivory)]/30 py-16">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex flex-col items-center gap-12">
<!-- Logo and description -->
<!-- Logo and description - logo without rounding or shadow -->
<div class="max-w-md text-center">
<div class="mb-4 flex justify-center">
<img src="icon_ksa.jpg" alt="Logo" class="h-16 w-16 rounded-full object-cover shadow-lg" />
<img src="icon_ksa.jpg" alt="Logo" class="h-16 w-16 object-cover" />
</div>
<h3 class="mb-2 font-serif text-xl font-bold text-[var(--midnight-blue)]">Kris Saint Ange</h3>
</div>
@ -322,6 +322,12 @@ onMounted(() => {
transition-duration: 300ms;
}
.logo-container {
background: linear-gradient(to bottom right, white, #f9f7f2);
padding: 8px;
border-radius: 8px;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 6px;