fix: dark mode bugs

ferdiunal · Jul 20, 2024 · e43003b · e43003b
1 parent b380f9e
commit e43003b
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 28 deletions.
diff --git a/dist/css/field.css b/dist/css/field.css
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/Modal.vue b/resources/js/components/Modal.vue
@@ -129,7 +129,7 @@ export default {
     <Modal :show="show" role="alertdialog" size="md"
         class="npcm--h-dvh npcm--flex npcm--justify-center npcm--items-center">
         <div class="npcm--w-full">
-            <div class="npcm--w-full npcm--bg-white dark:npcm--bg-gray-800 npcm--rounded-lg npcm--shadow-lg npcm--overflow-hidden"
+            <div class="npcm--w-full npcm--bg-white dark:bg-gray-800 npcm--rounded-lg npcm--shadow-lg npcm--overflow-hidden"
                 :class="{
                     'npcm--animate-shake npcm--border-2 npcm--border-red-500': isShaking || isError,
                 }">

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,30 +1,30 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    prefix: "npcm--",
-    content: ["./resources/**/*{js,vue,blade.php}"],
-    darkMode: ["class", '[class*="dark"]'],
-    theme: {
-        extend: {
-            animation: {
-                shake: "shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
-            },
-            keyframes: {
-                shake: {
-                    "10%, 90%": {
-                        transform: "translate3d(-1px, 0, 0)",
-                    },
-                    "20%, 80%": {
-                        transform: "translate3d(2px, 0, 0)",
-                    },
-                    "30%, 50%, 70%": {
-                        transform: "translate3d(-4px, 0, 0)",
-                    },
-                    "40%, 60%": {
-                        transform: "translate3d(4px, 0, 0)",
-                    },
-                },
-            },
+  prefix: "npcm--",
+  content: ["./resources/**/*{js,vue,blade.php}"],
+  darkMode: ["class"],
+  theme: {
+    extend: {
+      animation: {
+        shake: "shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
+      },
+      keyframes: {
+        shake: {
+          "10%, 90%": {
+            transform: "translate3d(-1px, 0, 0)",
+          },
+          "20%, 80%": {
+            transform: "translate3d(2px, 0, 0)",
+          },
+          "30%, 50%, 70%": {
+            transform: "translate3d(-4px, 0, 0)",
+          },
+          "40%, 60%": {
+            transform: "translate3d(4px, 0, 0)",
+          },
         },
+      },
     },
-    plugins: [],
+  },
+  plugins: [],
 };