From 7bc6451ae59c1ffd1a87fbd9e4e2ffcfe998ddb6 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 6 Mar 2026 17:38:25 +0100
Subject: [PATCH] Fix: classe active sur le li au lieu du button dans la nav
 Portfolio

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/Portfolio.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/Portfolio.svelte b/src/views/Portfolio.svelte
index bfaf919..5d6dfee 100644
--- a/src/views/Portfolio.svelte
+++ b/src/views/Portfolio.svelte
@@ -124,15 +124,15 @@
   <nav class="portfolio-nav" aria-label="Projets">
     <ul role="list">
       {#each projects as project, i}
-        <li>
+        <li class="portfolio-nav-item" class:active={i === currentIndex}>
           <button
-            class="portfolio-nav-item"
-            class:active={i === currentIndex}
             aria-current={i === currentIndex ? 'true' : undefined}
             aria-label={project.title}
             onclick={() => { currentIndex = i; setAnchor(i) }}
           >
-            <img src={project.thumbnail} alt="" />
+            {#if project.thumbnail?.length}
+              <img src={project.thumbnail} alt="" />
+            {/if}
             <span class="portfolio-nav-number" aria-hidden="true">{String(i + 1).padStart(2, '0')}</span>
           </button>
         </li>
@@ -238,7 +238,7 @@
     gap: 1rem;
   }
 
-  .portfolio-nav-item {
+  .portfolio-nav-item button {
     display: flex;
     align-items: flex-start;
     gap: 0.5rem;
@@ -250,7 +250,7 @@
     transition: transform 0.6s var(--ease-standard), opacity 0.6s var(--ease-standard);
   }
 
-  .portfolio-nav-item.active {
+  .portfolio-nav-item.active button {
     transform: scale(1.5) translateX(-20%);
     opacity: 1;
   }