From 72d7c233f736048590dcae3c7be06506d46cf824 Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Sat, 5 Apr 2025 12:17:12 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20ajout=20de=20classes=20CSS=20pour=20ren?=
 =?UTF-8?q?dre=20la=20barre=20d'outils=20dans=20MangaDetails=20collante=20?=
 =?UTF-8?q?et=20am=C3=A9lioration=20de=20l'organisation=20des=20imports=20?=
 =?UTF-8?q?pour=20une=20meilleure=20lisibilit=C3=A9.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manga/presentation/pages/MangaDetails.vue  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
index 249641e..9096af3 100644
--- a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
@@ -7,7 +7,7 @@
         <!-- Composant invisible qui écoute les mises à jour Mercure -->
         <MercureListener :manga-id="mangaId" />
 
-        <Toolbar :config="toolbarConfig" />
+        <Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
 
         <div v-if="isRefreshingDetails" class="absolute top-2 right-2 text-gray-500">
             <ArrowPathIcon class="h-5 w-5 animate-spin" />
@@ -34,18 +34,18 @@
 </template>
 
 <script setup>
-    import { computed, onUnmounted, watch, onMounted } from 'vue';
-    import { useRoute } from 'vue-router';
     import {
         ArrowPathIcon,
-        PencilSquareIcon,
-        DocumentArrowDownIcon,
-        Cog6ToothIcon,
         BookmarkIcon,
-        WrenchIcon,
+        ChevronDoubleDownIcon,
+        Cog6ToothIcon,
+        DocumentArrowDownIcon,
+        PencilSquareIcon,
         TrashIcon,
-        ChevronDoubleDownIcon
+        WrenchIcon
     } from '@heroicons/vue/24/outline';
+    import { computed, onUnmounted, watch } from 'vue';
+    import { useRoute } from 'vue-router';
 
     import { useMangaDetails } from '../composables/useMangaDetails';
     import { useMangaVolumes } from '../composables/useMangaVolumes';
@@ -54,8 +54,8 @@
     import MangaVolumeList from '../components/MangaVolumeList.vue';
     import MercureListener from '../components/MercureListener.vue';
 
-    import { useMangaStore } from '../../application/store/mangaStore';
     import Toolbar from '../../../../shared/components/ui/Toolbar.vue';
+    import { useMangaStore } from '../../application/store/mangaStore';
 
     const route = useRoute();
     const mangaStore = useMangaStore();