From 5a4a8fbc2bbcef977bd6c9ebd89e4585c2cb9c10 Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Tue, 7 Jul 2026 17:49:44 +0200
Subject: [PATCH] =?UTF-8?q?feat(insta):=203=20onglets=20(artistique/boutiq?=
 =?UTF-8?q?ue/politique)=20+=20bande=20r=C3=A9duite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Réduit le padding de la bande d'actions (py-3->py-1, gap serré) pour
coller au feed. Ajoute un 3e onglet "Compte Insta politique" en
placeholder désactivé, à côté de "Boutique", en prévision d'une
navigation à onglets entre les comptes @julesneny (artistique, actif)
et @aep.politique (à venir).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/vue/InstaFeed.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/vue/InstaFeed.vue b/src/components/vue/InstaFeed.vue
index 8111659..ba8eb33 100644
--- a/src/components/vue/InstaFeed.vue
+++ b/src/components/vue/InstaFeed.vue
@@ -37,22 +37,29 @@ defineProps<{
       </a>
     </div>
 
-    <div class="flex gap-1.5 px-4 py-3">
+    <div class="flex gap-1 px-2 py-1">
       <a
         :href="accountUrl"
         target="_blank"
         rel="noopener"
-        class="flex-1 text-center px-3 py-1.5 bg-neutral-900 text-white rounded-lg text-xs"
+        class="flex-1 text-center px-1.5 py-1 bg-neutral-900 text-white rounded text-[10px] leading-tight"
       >
-        Compte Insta
+        Compte Insta artistique
       </a>
       <span
-        class="flex-1 text-center px-3 py-1.5 bg-neutral-200 text-neutral-400 rounded-lg text-xs cursor-not-allowed"
+        class="flex-1 text-center px-1.5 py-1 bg-neutral-200 text-neutral-400 rounded text-[10px] leading-tight cursor-not-allowed"
         aria-disabled="true"
         title="Boutique — bientôt disponible"
       >
         Boutique
       </span>
+      <span
+        class="flex-1 text-center px-1.5 py-1 bg-neutral-200 text-neutral-400 rounded text-[10px] leading-tight cursor-not-allowed"
+        aria-disabled="true"
+        title="Compte Insta politique (@aep.politique) — bientôt disponible"
+      >
+        Compte Insta politique
+      </span>
     </div>
   </section>
 </template>