From f642160d4b315c4cf4742ef9e60e6b14d9151841 Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Tue, 7 Jul 2026 17:55:43 +0200
Subject: [PATCH] =?UTF-8?q?fix(insta):=20feed=20remplit=20toute=20la=20hau?=
 =?UTF-8?q?teur=20de=20colonne,=20Boutique=20coll=C3=A9e=20en=20bas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La zone de scroll avait une max-height fixe (420px) alors que la colonne
fait toute la hauteur de la page -> gros bandeau blanc entre le feed et
le footer. Passe en flex-col (header shrink-0, feed flex-1 scrollable,
Boutique shrink-0 collée en bas), le feed occupe maintenant tout
l'espace disponible.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/astro/ColInsta.astro |  2 +-
 src/components/vue/InstaFeed.vue    | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/astro/ColInsta.astro b/src/components/astro/ColInsta.astro
index 00be999..16bd3b2 100644
--- a/src/components/astro/ColInsta.astro
+++ b/src/components/astro/ColInsta.astro
@@ -6,7 +6,7 @@ const JULESNENY_FEED = Array.from(
   (_, i) => `/images/instagram/feed/feed-${String(i + 1).padStart(2, '0')}.jpg`
 );
 ---
-<div class="h-full overflow-y-auto">
+<div class="h-full overflow-hidden">
   <InstaFeed
     client:visible
     account="Jules Neny"
diff --git a/src/components/vue/InstaFeed.vue b/src/components/vue/InstaFeed.vue
index 8a04111..13bc9cf 100644
--- a/src/components/vue/InstaFeed.vue
+++ b/src/components/vue/InstaFeed.vue
@@ -9,8 +9,8 @@ defineProps<{
 </script>
 
 <template>
-  <section class="border-b border-neutral-200 last:border-b-0">
-    <header class="px-4 py-3 flex items-center justify-between gap-3">
+  <section class="h-full flex flex-col border-b border-neutral-200 last:border-b-0">
+    <header class="shrink-0 px-4 py-2 flex items-center justify-between gap-3">
       <a
         :href="accountUrl"
         target="_blank"
@@ -29,7 +29,7 @@ defineProps<{
       </a>
     </header>
 
-    <div class="insta-feed-scroll">
+    <div class="insta-feed-scroll flex-1 min-h-0">
       <a
         :href="accountUrl"
         target="_blank"
@@ -47,9 +47,9 @@ defineProps<{
       </a>
     </div>
 
-    <div class="px-4 py-2">
+    <div class="shrink-0 px-2 py-1">
       <span
-        class="block text-center px-3 py-1.5 bg-neutral-200 text-neutral-400 rounded-lg text-xs cursor-not-allowed"
+        class="block text-center px-3 py-1 bg-neutral-200 text-neutral-400 rounded text-xs cursor-not-allowed"
         aria-disabled="true"
         title="Boutique — bientôt disponible"
       >
@@ -61,7 +61,6 @@ defineProps<{
 
 <style scoped>
 .insta-feed-scroll {
-  max-height: 420px;
   overflow-y: auto;
   scrollbar-width: thin;
 }