frontend/src/css/modules/web.scss
/*main container style*/
.dashboard-flex {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.dashboard-content {
flex: 1;
min-height: 100vh;
}
.web-container {
width: calc(100vw - 223px);
float: right;
padding-top: 70px;
overflow-x: hidden;
&.center {
float: none;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
}
#sidenav-overlay {
z-index: 1;
}
.light-dark-container {
.loader-title {
color: $med-gray;
font-size: 18px;
font-weight: 500;
}
}
/*media queries*/
@media only screen and (max-width: $med-screen) {
.web-container {
width: 100%;
}
}