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

feat: mise à jour des composants de l'interface utilisateur pour uniformiser la hauteur minimale, amélioration de la structure des classes CSS dans Divider, Toolbar, ToolbarButton, ToolbarDropdown et ToolbarLabel.

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

2
assets/vue/app/shared/components/ui/Divider.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="h-full mx-4 border-r opacity-50 border-green-500"></div> <div class="min-h-14 mx-4 border-r opacity-50 border-green-500"></div>
</template> </template>
<script setup> <script setup>

2
assets/vue/app/shared/components/ui/Toolbar.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div :class="['bg-gray-800 h-[4.5rem] p-3', $attrs.class]"> <div :class="['bg-gray-800 min-h-14 p-3', $attrs.class]">
<div class="flex flex-row items-center justify-between h-full"> <div class="flex flex-row items-center justify-between h-full">
<!-- Left section --> <!-- Left section -->
<ToolbarSection :items="config.leftSection" /> <ToolbarSection :items="config.leftSection" />

2
assets/vue/app/shared/components/ui/ToolbarButton.vue
View File

@@ -2,7 +2,7 @@
<button <button
@click="$emit('click')" @click="$emit('click')"
:class="[ :class="[
'flex flex-col items-center justify-around h-full w-min p-1 rounded group text-white', 'flex flex-col items-center justify-around min-h-14 w-min ml-4 rounded group text-white',
active active
? 'text-green-500' // Style actif ? 'text-green-500' // Style actif
: 'hover:text-green-500' // Effet de survol : 'hover:text-green-500' // Effet de survol

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

@@ -3,7 +3,7 @@
<div class="h-full"> <div class="h-full">
<MenuButton <MenuButton
:class="[ :class="[
'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', 'flex flex-col items-center justify-around min-h-14 w-min ml-4 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' : '' active ? 'text-green-500' : ''
]" ]"
:aria-label="label || 'Options'"> :aria-label="label || 'Options'">

2
assets/vue/app/shared/components/ui/ToolbarLabel.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<span v-if="label" class="text-xs line-clamp-2 max-w-fit px-1 text-center min-h-[2rem]">{{ label }}</span> <span v-if="label" class="text-xs">{{ label }}</span>
</template> </template>
<script setup> <script setup>