colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ajout de classes CSS pour rendre la barre d'outils dans MangaDetails collante et amélioration de l'organisation des imports pour une meilleure lisibilité.

Browse Source
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-04-05 12:17:12 +02:00
parent cfa2214db5
commit 72d7c233f7
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
View File

@@ -7,7 +7,7 @@
<!-- Composant invisible qui écoute les mises à jour Mercure --> <!-- Composant invisible qui écoute les mises à jour Mercure -->
<MercureListener :manga-id="mangaId" /> <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"> <div v-if="isRefreshingDetails" class="absolute top-2 right-2 text-gray-500">
<ArrowPathIcon class="h-5 w-5 animate-spin" /> <ArrowPathIcon class="h-5 w-5 animate-spin" />
@@ -34,18 +34,18 @@
</template> </template>
<script setup> <script setup>
import { computed, onUnmounted, watch, onMounted } from 'vue';
import { useRoute } from 'vue-router';
import { import {
ArrowPathIcon, ArrowPathIcon,
PencilSquareIcon,
DocumentArrowDownIcon,
Cog6ToothIcon,
BookmarkIcon, BookmarkIcon,
WrenchIcon, ChevronDoubleDownIcon,
Cog6ToothIcon,
DocumentArrowDownIcon,
PencilSquareIcon,
TrashIcon, TrashIcon,
ChevronDoubleDownIcon WrenchIcon
} from '@heroicons/vue/24/outline'; } from '@heroicons/vue/24/outline';
import { computed, onUnmounted, watch } from 'vue';
import { useRoute } from 'vue-router';
import { useMangaDetails } from '../composables/useMangaDetails'; import { useMangaDetails } from '../composables/useMangaDetails';
import { useMangaVolumes } from '../composables/useMangaVolumes'; import { useMangaVolumes } from '../composables/useMangaVolumes';
@@ -54,8 +54,8 @@
import MangaVolumeList from '../components/MangaVolumeList.vue'; import MangaVolumeList from '../components/MangaVolumeList.vue';
import MercureListener from '../components/MercureListener.vue'; import MercureListener from '../components/MercureListener.vue';
import { useMangaStore } from '../../application/store/mangaStore';
import Toolbar from '../../../../shared/components/ui/Toolbar.vue'; import Toolbar from '../../../../shared/components/ui/Toolbar.vue';
import { useMangaStore } from '../../application/store/mangaStore';
const route = useRoute(); const route = useRoute();
const mangaStore = useMangaStore(); const mangaStore = useMangaStore();