update modal backdrop color for dark theme

n1crack · Oct 2, 2022 · 47be16d · 47be16d
1 parent 47ce542
commit 47be16d
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/dist/style.css b/dist/style.css
diff --git a/dist/vuefinder.js b/dist/vuefinder.js
@@ -3079,7 +3079,7 @@ const Gl = { class: "vuefinder" }, Jl = /* @__PURE__ */ d("iframe", {
       ], 2)
     ]));
   }
-}), ec = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), tc = { class: "fixed z-10 inset-0 overflow-y-auto w-screen h-screen" }, rc = { class: "relative bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl md:max-w-2xl lg:max-w-3xl xl:max-w-5xl w-full" }, oc = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, ac = { class: "bg-gray-50 dark:bg-gray-800 dark:border-t dark:border-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, $e = {
+}), ec = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-gray-500 dark:bg-gray-800 dark:bg-opacity-75 bg-opacity-75 transition-opacity" }, null, -1), tc = { class: "fixed z-10 inset-0 overflow-y-auto w-screen h-screen" }, rc = { class: "relative bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl md:max-w-2xl lg:max-w-3xl xl:max-w-5xl w-full" }, oc = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, ac = { class: "bg-gray-50 dark:bg-gray-800 dark:border-t dark:border-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, $e = {
   __name: "ModalLayout",
   setup(t) {
     const e = B("emitter");

diff --git a/dist/vuefinder.umd.cjs b/dist/vuefinder.umd.cjs
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuefinder",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Vuefinder is a file manager component for vuejs.",
   "type": "module",
   "files": [

diff --git a/src/components/modals/ModalLayout.vue b/src/components/modals/ModalLayout.vue
@@ -2,7 +2,7 @@
   <!-- This example requires Tailwind CSS v2.0+ -->
   <div class="v-f-modal relative z-30" aria-labelledby="modal-title" role="dialog" aria-modal="true"
        @keyup.esc="emitter.emit('vf-modal-close')" tabindex="0">
-    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
+    <div class="fixed inset-0 bg-gray-500 dark:bg-gray-800 dark:bg-opacity-75 bg-opacity-75 transition-opacity"></div>
 
     <div class="fixed z-10 inset-0 overflow-y-auto w-screen h-screen">
       <div class="flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0" @mousedown.self="emitter.emit('vf-modal-close')">