modal.less: Make modals responsive

This commit is contained in:
Johannes Meyer 2020-05-14 16:55:58 +02:00
parent d3baedb766
commit ff5d92d7a7
1 changed files with 13 additions and 6 deletions

View File

@ -5,10 +5,6 @@
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .6);
opacity: 0;
font-size: @font-size;
@ -21,6 +17,15 @@
opacity: 1;
pointer-events: auto;
}
> div {
height: 100%;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
}
#modal-content {
@ -94,6 +99,9 @@
}
.modal-window {
overflow: auto;
pointer-events: auto;
display: flex;
align-items: stretch;
flex-direction: column;
@ -105,6 +113,5 @@
margin: 0 auto;
max-height: 80%;
min-height: 40vh;
overflow: hidden;
width: 60em;
max-width: 60em;
}