Kavita/UI/Web/src/app/app.component.scss
Robbie Davis b5f7ff5aac
Better screen usage for smaller mobile size (#1348)
* Updating styles to use space better for smaller mobile

* Fixing side-nav issue
2022-07-01 14:46:41 -04:00

39 lines
621 B
SCSS

.content-wrapper {
padding: 0 10px 0;
height: 100%;
}
.companion-bar {
transition: all var(--side-nav-companion-bar-transistion);
margin-left: 40px;
}
.companion-bar-content {
margin-left: 190px;
width: auto;
}
@media (max-width: 576px) {
.container-fluid {
padding: 0;
}
.content-wrapper {
padding: 0 5px 0;
overflow: hidden;
&.closed {
overflow: auto;
}
}
.companion-bar {
margin-left: 0px;
padding-left: 0px;
}
.companion-bar-content {
margin-left: 0px;
width: auto;
}
}