fix checkmarks on Safari browsers

opcodesio · Sep 3, 2023 · 1021ca6 · 1021ca6
1 parent 27b04d7
commit 1021ca6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/public/app.css b/public/app.css
diff --git a/public/app.js b/public/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
-    "/app.js": "/app.js?id=65bcb5cc7b0f371b0d28d1b07e92cc53",
-    "/app.css": "/app.css?id=93151d8b186ef7758df8582425ff8082",
+    "/app.js": "/app.js?id=5f574f36f456b103dffcfa21d5612785",
+    "/app.css": "/app.css?id=b701a4344131bb2c00e9f0b1ef1ab3c1",
     "/img/log-viewer-128.png": "/img/log-viewer-128.png?id=d576c6d2e16074d3f064e60fe4f35166",
     "/img/log-viewer-32.png": "/img/log-viewer-32.png?id=f8ec67d10f996aa8baf00df3b61eea6d",
     "/img/log-viewer-64.png": "/img/log-viewer-64.png?id=8902d596fc883ca9eb8105bb683568c6"

diff --git a/resources/js/components/Checkmark.vue b/resources/js/components/Checkmark.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="checkmark inline-block w-[18px] h-[18px] bg-gray-50 dark:bg-gray-800 rounded border dark:border-gray-600 flex items-center justify-center">
-    <CheckIcon v-if="checked" width="18" height="18" />
-</div>
+  <div class="checkmark w-[18px] h-[18px] bg-gray-50 dark:bg-gray-800 rounded border dark:border-gray-600 inline-flex items-center justify-center">
+    <CheckIcon v-if="checked" width="18" height="18" class="w-full h-full" />
+  </div>
 </template>
 
 <script setup>