fix modal width

m8sa · Oct 2, 2022 · dc56f60 · dc56f60
1 parent 1fa08eb
commit dc56f60
Show file tree

Hide file tree

Showing 6 changed files with 323 additions and 323 deletions.
diff --git a/dist/style.css b/dist/style.css
diff --git a/dist/vuefinder.js b/dist/vuefinder.js
diff --git a/dist/vuefinder.umd.cjs b/dist/vuefinder.umd.cjs
diff --git a/src/components/modals/ModalDelete.vue b/src/components/modals/ModalDelete.vue
@@ -7,7 +7,7 @@
                 <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
           </svg>
       </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
         <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-400" id="modal-title">{{ t('Delete files') }}</h3>
         <div class="mt-2">
           <p class="text-sm text-gray-500">{{ t('Are you sure you want to delete these files?') }}</p>

diff --git a/src/components/modals/ModalMessage.vue b/src/components/modals/ModalMessage.vue
@@ -6,7 +6,7 @@
           <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
         </svg>
       </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
         <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-400" id="modal-title">{{  selection?.title ?? 'Title' }}</h3>
         <div class="mt-2">
           <p class="text-sm text-gray-500">{{  selection?.message ?? 'Message' }}.</p>

diff --git a/src/components/modals/ModalUpload.vue b/src/components/modals/ModalUpload.vue
@@ -6,7 +6,7 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" />
           </svg>
       </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
         <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-400" id="modal-title">{{ t('Upload files') }}</h3>
         <div class="mt-2">
           <div class="text-gray-500 mb-1">