e525c9b7bd
- Correction du dropdown toolbar : prop align (left/right) pour éviter le débordement hors écran côté droit - Filtre de collection par statut (all/completed/ongoing) persisté dans userPreferencesStore - toolbarConfig rendu réactif (computed) avec isSelected sur Filter, Sort et View - Modale Options d'affichage par vue (Grille, Overview, Table) avec toggles persistés - Composant ToggleRow réutilisable - Normalisation author → authors dans l'entité Manga (l'API renvoie author string)
29 lines
806 B
Vue
29 lines
806 B
Vue
<template>
|
|
<div :class="['bg-gray-800 min-h-14 p-3', $attrs.class]">
|
|
<div class="flex flex-row items-center justify-between h-full">
|
|
<!-- Left section -->
|
|
<ToolbarSection :items="config.leftSection" />
|
|
|
|
<!-- Center section (optional slot) -->
|
|
<slot name="center" />
|
|
|
|
<!-- Right section -->
|
|
<ToolbarSection :items="config.rightSection" align="right" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ToolbarSection from './ToolbarSection.vue';
|
|
|
|
defineProps({
|
|
config: {
|
|
type: Object,
|
|
required: true,
|
|
validator: value => {
|
|
return Array.isArray(value.leftSection) && Array.isArray(value.rightSection);
|
|
}
|
|
}
|
|
});
|
|
</script>
|