Responsive

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>
This commit is contained in:
Hadi
2026-04-11 23:09:38 +02:00
parent d29239cbb5
commit 72c382bb07
5 changed files with 90 additions and 57 deletions
+15 -5
View File
@@ -87,17 +87,27 @@
{/each}
</ul>
</div>
<!-- Logo à gauche sur écran moyen et grand -->
<a
href="/"
class="btn btn-ghost text-xl flex justify-center gap-2 items-center"
class="btn btn-ghost text-xl hidden sm:flex justify-center gap-2 items-center"
>
<img src="/logo.svg" class="m-auto h-6" alt="iky logo" />
<img src="/logo-large.svg" class="m-auto h-6" alt="iky logo large" />
<img src="/logo.svg" class="m-auto h-4 lg:h-6" alt="iky logo" />
<img src="/logo-large.svg" class="m-auto h-4 lg:h-6" alt="iky logo large" />
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<div class="navbar-center lg:flex">
<!-- Logo centré sur petit écran (mobile) -->
<a
href="/"
class="btn btn-ghost text-xl flex sm:hidden justify-center gap-2 items-center"
>
<img src="/logo.svg" class="m-auto h-4" alt="iky logo" />
<img src="/logo-large.svg" class="m-auto h-4" alt="iky logo large" />
</a>
<!-- Nav links sur grand écran -->
<ul class="menu menu-horizontal px-1 hidden lg:flex">
{#each navLinks as link}
<li>
{#if link.children}