feat(insta): 3 onglets (artistique/boutique/politique) + bande réduite

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>
This commit is contained in:
Jules Neny
2026-07-07 17:49:44 +02:00
parent aa819600f5
commit 5a4a8fbc2b

View File

@@ -37,22 +37,29 @@ defineProps<{
</a> </a>
</div> </div>
<div class="flex gap-1.5 px-4 py-3"> <div class="flex gap-1 px-2 py-1">
<a <a
:href="accountUrl" :href="accountUrl"
target="_blank" target="_blank"
rel="noopener" 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> </a>
<span <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" aria-disabled="true"
title="Boutique — bientôt disponible" title="Boutique — bientôt disponible"
> >
Boutique Boutique
</span> </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> </div>
</section> </section>
</template> </template>