improve(ui): support ESC close global modal dialog

This commit is contained in:
charlie
2021-02-28 12:55:55 +08:00
parent ee4b126c33
commit a6ed392d7a
3 changed files with 42 additions and 12 deletions

View File

@@ -52,6 +52,27 @@
}
}
.ui__modal {
@apply fixed bottom-0 inset-x-0
sm:inset-0 sm:flex sm:items-center sm:justify-center
px-4 pb-4;
&-overlay {
@apply fixed inset-0 transition-opacity;
}
&-panel {
@apply relative bg-white rounded-md px-4 pt-5
pb-4 overflow-hidden shadow-xl;
}
&-close {
@apply text-gray-400 hover:text-gray-500
focus:outline-none focus:text-gray-500
transition ease-in-out duration-150;
}
}
.ui__confirm-modal {
.sublabel {
display: flex;