From 8aa381014b497eefc3db4715f16dc01389fa6fbd Mon Sep 17 00:00:00 2001
From: jleroy2023 <leroyjohan3@gmail.com>
Date: Tue, 15 Jul 2025 13:43:34 +0200
Subject: [PATCH] FIX

---
 components/GenerationFilter.vue | 27 ++++++++++++++++++++++++---
 pages/pokemon/_id.vue           |  1 -
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/components/GenerationFilter.vue b/components/GenerationFilter.vue
index 39535dd..274b7a8 100644
--- a/components/GenerationFilter.vue
+++ b/components/GenerationFilter.vue
@@ -2,10 +2,21 @@
   <v-btn-toggle
     v-model="internalSelected"
     mandatory
-    class="mb-4"
+    class="mb-4 overflow-x-auto flex no-scrollbar"
   >
-    <v-btn :value="0">Tout</v-btn>
-    <v-btn v-for="gen in generations" :key="gen" :value="gen">
+    <v-btn
+      :value="0"
+      class="flex-shrink-0 min-w-[80px] sm:min-w-[100px]"
+    >
+      Tout
+    </v-btn>
+
+    <v-btn
+      v-for="gen in generations"
+      :key="gen"
+      :value="gen"
+      class="flex-shrink-0 min-w-[80px] sm:min-w-[100px]"
+    >
       Génération {{ gen }}
     </v-btn>
   </v-btn-toggle>
@@ -37,3 +48,13 @@ export default {
   }
 }
 </script>
+
+<style>
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+</style>
diff --git a/pages/pokemon/_id.vue b/pages/pokemon/_id.vue
index d3020d7..0d460fb 100644
--- a/pages/pokemon/_id.vue
+++ b/pages/pokemon/_id.vue
@@ -98,7 +98,6 @@ export default {
 </script>
 
 <style scoped>
-/* Pour adapter la hauteur du carousel */
 .v-carousel-item img {
   object-fit: contain;
 }