TeaWeb/web/css/static/main.scss

38 lines
556 B
SCSS

html, body {
overflow-y: hidden;
height: 100%;
width: 100%;
position: fixed;
//min-height: 250px;
//min-width: 250px;
}
.app-container {
display: flex;
justify-content: stretch;
position: absolute;
right: 10px;
left: 10px;
bottom: 40px;
top: 10px;
transition: all .5s linear;
.app {
width: 100%;
height: 100%;
margin: 0;
display: flex; flex-direction: column; resize: both;
}
}
$small_device: 650px;
@media only screen and (max-width: $small_device) {
.app-container {
bottom: 25px;
}
}