Website: update modal styles (#13849)

Closes: #13779

Changes:
- Updated modal styles
This commit is contained in:
Eric 2023-09-08 18:37:58 -05:00 committed by GitHub
parent 02338f2ca9
commit 559cad03e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -5,11 +5,12 @@
*/
[parasails-component='modal'] {
max-width: 100vw;
-webkit-overflow-scrolling: touch;//« makes this actually scrollable on certain phones
[purpose='modal-dialog'] {
z-index: 100;
position: relative;
// max-width: 800px;
max-width: 480px;
[purpose='modal-content'] {
margin-top: 100px;
max-width: 480px;
@ -98,6 +99,8 @@
// Modal backdrop styles are exposed globally here because this gets appended to the <body>
.modal-backdrop {
background-color: #192147;
max-width: 100vw;
max-height: 100vh;
&.show {
opacity: 0.25;
}