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

Fix modal design

Browse source
This commit is contained in:
Dane Everitt 2019-05-14 16:51:38 -07:00
parent da2044fb10
commit 487128d00f
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
resources/assets/styles/components/modal.css
View file

@ -6,6 +6,10 @@
& > .modal-container {
@apply .relative .w-full .max-w-md .m-auto .flex-col .flex;
&.top {
margin-top: 15%;
}
& > .modal-close-icon {
@apply .absolute .pin-r .p-2 .text-white .cursor-pointer .opacity-50;
transition: opacity 150ms linear, transform 150ms ease-in;
@ -20,7 +24,6 @@
& > .modal-content {
@apply .bg-white .rounded .shadow-md;
transition: all 250ms ease;
margin-top: 15%;
}
/**
@ -28,8 +31,10 @@
* center the modal rather than putting it towards the top of the screen.
*/
@screen smx {
margin-top: auto;
width: 90%;
.top {
margin-top: auto;
}
}
}