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

feat: ajout d'une barre d'outils dans le composant MangaDetails, intégration de nouveaux boutons avec des actions configurables, et amélioration de la structure des composants de la barre d'outils pour une meilleure expérience utilisateur.

Browse Source
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-04-03 15:15:18 +02:00
parent fcfbf140a3
commit 68fed587be
7 changed files with 95 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/vue/app/shared/components/ui/ToolbarDropdown.vue
View File

@@ -1,14 +1,14 @@
<template>
<Menu as="div" class="relative inline-block">
<div>
<Menu as="div" class="relative inline-block h-full">
<div class="h-full">
<MenuButton
:class="[
'flex flex-col items-center justify-center p-1 rounded group text-white w-20 hover:text-green-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75',
'flex flex-col items-center justify-around h-full w-min p-1 rounded group text-white hover:text-green-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75',
active ? 'text-green-500' : ''
]"
:aria-label="label || 'Options'">
<component v-if="icon" :is="icon" class="h-6 w-6 mb-1" aria-hidden="true" />
<span v-if="label" class="text-xs truncate w-full px-1">{{ label }}</span>
<component v-if="icon" :is="icon" class="h-6 w-6" aria-hidden="true" />
<ToolbarLabel :label="label" />
</MenuButton>
</div>
@@ -33,6 +33,7 @@
<script setup>
import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
import ToolbarLabel from './ToolbarLabel.vue';
defineProps({
icon: {