From c813368e2b387638b0ff1f424e541ed8007daf9c Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Thu, 3 Apr 2025 15:36:37 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20mise=20=C3=A0=20jour=20des=20composants?=
 =?UTF-8?q?=20de=20l'interface=20utilisateur=20pour=20uniformiser=20la=20h?=
 =?UTF-8?q?auteur=20minimale,=20am=C3=A9lioration=20de=20la=20structure=20?=
 =?UTF-8?q?des=20classes=20CSS=20dans=20Divider,=20Toolbar,=20ToolbarButto?=
 =?UTF-8?q?n,=20ToolbarDropdown=20et=20ToolbarLabel.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/vue/app/shared/components/ui/Divider.vue         | 2 +-
 assets/vue/app/shared/components/ui/Toolbar.vue         | 2 +-
 assets/vue/app/shared/components/ui/ToolbarButton.vue   | 2 +-
 assets/vue/app/shared/components/ui/ToolbarDropdown.vue | 2 +-
 assets/vue/app/shared/components/ui/ToolbarLabel.vue    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/vue/app/shared/components/ui/Divider.vue b/assets/vue/app/shared/components/ui/Divider.vue
index 7a12df1..42ce174 100644
--- a/assets/vue/app/shared/components/ui/Divider.vue
+++ b/assets/vue/app/shared/components/ui/Divider.vue
@@ -1,5 +1,5 @@
 <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>
 
 <script setup>
diff --git a/assets/vue/app/shared/components/ui/Toolbar.vue b/assets/vue/app/shared/components/ui/Toolbar.vue
index ae09df1..15b26df 100644
--- a/assets/vue/app/shared/components/ui/Toolbar.vue
+++ b/assets/vue/app/shared/components/ui/Toolbar.vue
@@ -1,5 +1,5 @@
 <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">
             <!-- Left section -->
             <ToolbarSection :items="config.leftSection" />
diff --git a/assets/vue/app/shared/components/ui/ToolbarButton.vue b/assets/vue/app/shared/components/ui/ToolbarButton.vue
index ecc4321..3517e6a 100644
--- a/assets/vue/app/shared/components/ui/ToolbarButton.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarButton.vue
@@ -2,7 +2,7 @@
     <button
         @click="$emit('click')"
         :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
                 ? 'text-green-500' // Style actif
                 : 'hover:text-green-500' // Effet de survol
diff --git a/assets/vue/app/shared/components/ui/ToolbarDropdown.vue b/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
index 8b5bca2..cef3617 100644
--- a/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
@@ -3,7 +3,7 @@
         <div class="h-full">
             <MenuButton
                 :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' : ''
                 ]"
                 :aria-label="label || 'Options'">
diff --git a/assets/vue/app/shared/components/ui/ToolbarLabel.vue b/assets/vue/app/shared/components/ui/ToolbarLabel.vue
index 1e90d51..eb5f6f1 100644
--- a/assets/vue/app/shared/components/ui/ToolbarLabel.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarLabel.vue
@@ -1,5 +1,5 @@
 <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>
 
 <script setup>