StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add basic modal support

Browse source
This commit is contained in:
Dane Everitt 2019-07-09 22:41:09 -07:00
parent bb3486f559
commit 61dc86421d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 85 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
resources/styles/components/modal.css
View file

@ -7,13 +7,13 @@
@apply .relative .w-full .max-w-md .m-auto .flex-col .flex;
&.top {
margin-top: 15%;
margin-top: 10%;
}
& > .modal-close-icon {
@apply .absolute .pin-r .p-2 .text-white .cursor-pointer .opacity-50;
transition: opacity 150ms linear, transform 150ms ease-in;
top: -2.5rem;
top: -2rem;
&:hover {
@apply .opacity-100;
@ -22,7 +22,7 @@
}
& > .modal-content {
@apply .bg-white .rounded .shadow-md;
@apply .bg-neutral-900 .rounded .shadow-md;
transition: all 250ms ease;
}