arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 03:38:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(overlays): darken opacity overlay for modal and slideover

Browse Source
This commit is contained in:
Benjamin Canac
2022-04-08 10:56:06 +02:00
parent 49afd2d404
commit 368f93c294
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/overlays/Modal.vue
View File

@@ -13,7 +13,7 @@
leave-from="opacity-100" leave-from="opacity-100"
leave-to="opacity-0" leave-to="opacity-0"
> >
<DialogOverlay class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" /> <DialogOverlay class="fixed inset-0 bg-gray-500/75 dark:bg-gray-600/75 transition-opacity" />
</TransitionChild> </TransitionChild>
<!-- This element is to trick the browser into centering the modal contents. --> <!-- This element is to trick the browser into centering the modal contents. -->

3
src/runtime/components/overlays/Slideover.vue
View File

@@ -10,8 +10,9 @@
leave-from="opacity-100" leave-from="opacity-100"
leave-to="opacity-0" leave-to="opacity-0"
> >
<DialogOverlay class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" /> <DialogOverlay class="fixed inset-0 bg-gray-500/75 dark:bg-gray-600/75 transition-opacity" />
</TransitionChild> </TransitionChild>
<TransitionChild <TransitionChild
as="template" as="template"
enter="transition ease-in-out duration-300 transform" enter="transition ease-in-out duration-300 transform"