Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make modals look sane on phones

Browse source
This commit is contained in:
Dane Everitt 2018-06-16 16:50:18 -07:00
parent ac7cefb83f
commit 462e59e330
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -7,5 +7,14 @@
@apply .relative .p-8 .bg-white .w-full .max-w-md .m-auto .flex-col .flex; @apply .relative .p-8 .bg-white .w-full .max-w-md .m-auto .flex-col .flex;
transition: all 250ms ease; transition: all 250ms ease;
margin-top: 15%; margin-top: 15%;
/**
* On tiny phone screens make sure there is a margin on the sides and also
* center the modal rather than putting it towards the top of the screen.
*/
@screen smx {
margin-top: auto;
width: 90%;
}
} }
} }