Increasing min-width of modals for larger screens
This commit is contained in:
parent
e26a14dc29
commit
7483805f0c
|
@ -81,6 +81,7 @@
|
||||||
|
|
||||||
.modal-inner-container {
|
.modal-inner-container {
|
||||||
display: table;
|
display: table;
|
||||||
|
width: 100%;
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
@ -88,6 +89,11 @@
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
box-shadow: shadow("modal");
|
box-shadow: shadow("modal");
|
||||||
|
|
||||||
|
@media screen and (min-width: 475px) {
|
||||||
|
min-width: 475px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.select-kit {
|
.select-kit {
|
||||||
width: 220px;
|
width: 220px;
|
||||||
|
|
||||||
|
|
|
@ -23,10 +23,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-inner-container {
|
|
||||||
min-width: 475px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login-form {
|
#login-form {
|
||||||
flex: 1 0 auto;
|
flex: 1 0 auto;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
|
|
Loading…
Reference in New Issue