Add a basic modal template to be used
This commit is contained in:
parent
84fecb7a92
commit
d6959ea3dd
8 changed files with 130 additions and 29 deletions
10
resources/assets/styles/components/modal.css
Normal file
10
resources/assets/styles/components/modal.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
.modal-mask {
|
||||
@apply .fixed .pin .z-50 .overflow-auto .flex;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
transition: opacity 250ms ease;
|
||||
|
||||
& > .modal-container {
|
||||
@apply .relative .p-8 .bg-white .w-full .max-w-md .m-auto .flex-col .flex;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
}
|
Reference in a new issue