opt-cc/static/src/app/app.component.scss

42 lines
694 B
SCSS

@import "style/load-indicator.scss";
mat-sidenav-container, mat-sidenav-content, mat-sidenav {
height: calc(100vh - 50px);
min-height: fit-content;
display: inline;
}
mat-sidenav {
background: #222222;
top: 50px;
width: 250px;
}
.app-content-container {
overflow-x: auto;
position: relative;
min-height: calc(100vh - 50px)
}
#scrollTopBtn {
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
background: rgba(16, 16, 16, 0.8);
&:hover {
background: #101010;
}
@media all and (max-width: 959px) {
bottom: 0;
left: 0;
width: 100vw;
border-radius: 3px 3px 0 0;
background: #101010;
min-height: 34px;
height: 3vw;
}
}