fix: fix icons not aligned (#7427)

monicahq · Oct 27, 2024 · cdb1714 · cdb1714
1 parent 4e90bd6
commit cdb1714
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/resources/js/Shared/Form/PrettyButton.vue b/resources/js/Shared/Form/PrettyButton.vue
@@ -1,6 +1,6 @@
 <template>
   <button
-    :class="'dark:box-s relative border-zinc-900 bg-white text-sm dark:border-zinc-100 dark:bg-gray-800 dark:text-gray-100'"
+    :class="'dark:box-s relative border-zinc-900 bg-white text-sm dark:border-zinc-100 dark:bg-gray-800 dark:text-gray-100 flex'"
     :disabled="state === 'loading' || state === 'disabled'"
     type="submit">
     <span v-if="state === 'loading'"> {{ $t('Loading…') }} </span>

diff --git a/resources/js/Shared/Icons/ArrowIcon.vue b/resources/js/Shared/Icons/ArrowIcon.vue
@@ -13,14 +13,14 @@ defineProps({
     viewBox="0 0 24 24"
     stroke-width="1.5"
     stroke="currentColor"
-    class="h-6 w-6 text-gray-600">
+    class="h-6 w-6 inline text-gray-600">
     <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
   </svg>
 
   <svg
     v-if="type == 'right' && size == 'big'"
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6"
+    class="h-6 w-6 inline"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
@@ -36,14 +36,14 @@ defineProps({
     viewBox="0 0 24 24"
     stroke-width="1.5"
     stroke="currentColor"
-    class="h-6 w-6 text-gray-600">
+    class="h-6 w-6 inline text-gray-600">
     <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
   </svg>
 
   <svg
     v-if="type == 'left' && size == 'big'"
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6"
+    class="h-6 w-6 inline"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"

diff --git a/resources/js/Shared/Icons/CheckedIcon.vue b/resources/js/Shared/Icons/CheckedIcon.vue
@@ -1,7 +1,7 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    class="h-6 w-6 text-green-700"
+    class="h-6 w-6 inline text-green-700"
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor">