arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +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-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>
<!-- 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-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
as="template"
enter="transition ease-in-out duration-300 transform"