feat(insta): simplifie - 2 comptes en header, Boutique seule en bas
Retire les 3 onglets (trop petits, moches). Header : "Jules Neny" (compte actif, lien direct) + "AEP" (lien direct vers @aep.politique, pas encore de feed dédié). Bande du bas : uniquement "Boutique" (placeholder désactivé). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -9,8 +9,10 @@ const JULESNENY_FEED = Array.from(
|
||||
<div class="h-full overflow-y-auto">
|
||||
<InstaFeed
|
||||
client:visible
|
||||
account="@julesneny"
|
||||
account="Jules Neny"
|
||||
accountUrl="https://www.instagram.com/julesneny/"
|
||||
secondAccount="AEP"
|
||||
secondAccountUrl="https://www.instagram.com/aep.politique/"
|
||||
feedImages={JULESNENY_FEED}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -2,13 +2,15 @@
|
||||
defineProps<{
|
||||
account: string;
|
||||
accountUrl: string;
|
||||
secondAccount: string;
|
||||
secondAccountUrl: string;
|
||||
feedImages: string[]; // ordonné du plus récent (haut) au plus ancien (bas)
|
||||
}>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="border-b border-neutral-200 last:border-b-0">
|
||||
<header class="px-4 py-3 flex items-center justify-between">
|
||||
<header class="px-4 py-3 flex items-center justify-between gap-3">
|
||||
<a
|
||||
:href="accountUrl"
|
||||
target="_blank"
|
||||
@@ -17,6 +19,14 @@ defineProps<{
|
||||
>
|
||||
{{ account }}
|
||||
</a>
|
||||
<a
|
||||
:href="secondAccountUrl"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
class="font-medium text-sm text-neutral-500 hover:underline hover:text-neutral-800"
|
||||
>
|
||||
{{ secondAccount }}
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<div class="insta-feed-scroll">
|
||||
@@ -37,29 +47,14 @@ defineProps<{
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-1 px-2 py-1">
|
||||
<a
|
||||
:href="accountUrl"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
class="flex-1 text-center px-1.5 py-1 bg-neutral-900 text-white rounded text-[10px] leading-tight"
|
||||
>
|
||||
Compte Insta artistique
|
||||
</a>
|
||||
<div class="px-4 py-2">
|
||||
<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"
|
||||
class="block text-center px-3 py-1.5 bg-neutral-200 text-neutral-400 rounded-lg text-xs 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>
|
||||
|
||||
Reference in New Issue
Block a user