MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-19 14:53:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

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
1 changed files with 9 additions and 0 deletions
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%;
}
} }
} }