diff options
Diffstat (limited to 'front-end/src/components/global')
-rw-r--r-- | front-end/src/components/global/ConfirmPrompt.vue | 2 | ||||
-rw-r--r-- | front-end/src/components/global/Dialog.vue | 4 | ||||
-rw-r--r-- | front-end/src/components/global/PasswordPrompt.vue | 2 |
3 files changed, 4 insertions, 4 deletions
diff --git a/front-end/src/components/global/ConfirmPrompt.vue b/front-end/src/components/global/ConfirmPrompt.vue index 24d3b9c..8cc9920 100644 --- a/front-end/src/components/global/ConfirmPrompt.vue +++ b/front-end/src/components/global/ConfirmPrompt.vue @@ -33,7 +33,7 @@ onReveal(m => message.value = defaultTo(m, {})); </p> </div> <!-- Modal footer --> - <div class="flex items-center justify-end p-4 border-t border-gray-200 rounded-b md:p-5 dark:border-gray-600"> + <div class="flex items-center justify-end gap-2 p-4 border-t border-gray-200 rounded-b md:p-5 dark:border-gray-600"> <button @click="confirm()" type="button" diff --git a/front-end/src/components/global/Dialog.vue b/front-end/src/components/global/Dialog.vue index a27d5ee..65d9165 100644 --- a/front-end/src/components/global/Dialog.vue +++ b/front-end/src/components/global/Dialog.vue @@ -19,10 +19,10 @@ onClickOutside(dialog, () => get(open) ? cancel() : noop()) <template> <!-- Main modal --> <Dialog :open="open" id="static-modal" data-modal-backdrop="static" tabindex="-1" - class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-10 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> + class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-20 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="fixed inset-0 bg-black/30" aria-hidden="true" /> - <div class="relative w-full max-w-xl max-h-full p-4 mx-auto mt-2 md:mt-32"> + <div class="relative w-full max-w-xl max-h-full p-4 mx-auto mt-[8rem] md:mt-32"> <!-- Modal content --> <div class="relative bg-white rounded shadow dark:bg-gray-700" ref="dialog"> <!-- Modal header --> diff --git a/front-end/src/components/global/PasswordPrompt.vue b/front-end/src/components/global/PasswordPrompt.vue index 50024fb..e0dc349 100644 --- a/front-end/src/components/global/PasswordPrompt.vue +++ b/front-end/src/components/global/PasswordPrompt.vue @@ -86,7 +86,7 @@ onReveal(m => message.value = defaultTo(m, {})); </form> </div> <!-- Modal footer --> - <div class="flex items-center justify-end p-4 border-t border-gray-200 rounded-b md:p-5 dark:border-gray-600"> + <div class="flex items-center justify-end gap-2 p-4 border-t border-gray-200 rounded-b md:p-5 dark:border-gray-600"> <button @click="formSubmitted" type="button" |