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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user