fix(tailwind): fix warnings

coworking-metz · Jun 12, 2024 · a329605 · a329605
1 parent 1e01fae
commit a329605
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/LoadingSpinner.vue b/src/components/LoadingSpinner.vue
@@ -1,7 +1,7 @@
 <template>
   <div role="status">
     <svg
-      class="h-full w-full animate-spin"
+      class="size-full animate-spin"
       fill="none"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg">

diff --git a/src/components/NotificationToast.vue b/src/components/NotificationToast.vue
@@ -26,7 +26,7 @@
             <div class="flex items-start">
               <SvgIcon
                 aria-hidden="true"
-                :class="['h-6 w-6 shrink-0', getIconColorFromType(notification.type)]"
+                :class="['size-6 shrink-0', getIconColorFromType(notification.type)]"
                 :path="notification.icon || getIconFromType(notification.type)"
                 type="mdi" />
               <div class="ml-3 w-0 flex-1 pt-0.5">
@@ -58,7 +58,7 @@
                 type="button"
                 @click="notificationsStore.dismissNotification(notification.id)">
                 <span class="sr-only">{{ $t('action.close') }}</span>
-                <SvgIcon aria-hidden="true" class="h-6 w-6" :path="mdiClose" type="mdi" />
+                <SvgIcon aria-hidden="true" class="size-6" :path="mdiClose" type="mdi" />
               </button>
             </div>
           </div>

diff --git a/src/components/form/AppButton.vue b/src/components/form/AppButton.vue
@@ -3,8 +3,8 @@
     class="inline-flex items-center justify-center rounded-md px-4 py-2 font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 sm:text-sm"
     :disabled="loading"
     :type="type">
-    <LoadingSpinner v-if="loading" class="mr-2 h-5 w-5" />
-    <SvgIcon v-else-if="icon" aria-hidden="true" class="mr-2 h-5 w-5" :path="icon" type="mdi" />
+    <LoadingSpinner v-if="loading" class="mr-2 size-5" />
+    <SvgIcon v-else-if="icon" aria-hidden="true" class="mr-2 size-5" :path="icon" type="mdi" />
     <slot />
   </button>
 </template>