Fixed scaling issues on small screens

This commit is contained in:
loof2736 2022-11-11 03:27:57 -05:00
parent c4a00f4e05
commit 008044a29a

View File

@ -41,4 +41,39 @@
}
.layout-mobile .emby-button-foreground {
top: -2px !important;
}
/* Fix for scaling issues */
@media (width: 1600px) {
.layout-desktop .headerRight {
margin-bottom: 0 !important;
}
.layout-desktop .headerTabs {
top: -7px !important;
}
}
@media (max-width: 1600px) {
.layout-desktop .emby-button-foreground {
top: -1px !important;
}
}
@media (max-width: 1599px) {
.layout-desktop .pageTitleWithLogo {
margin-left: 25px !important;
}
.layout-desktop .headerTabs {
margin-top: -65px !important;
}
.layout-desktop .headerRight {
margin-right: 15px !important;
}
.layout-desktop .sectionTabs {
width: auto !important;
align-self: center !important;
}
}
@media (max-width: 100em) {
.withSectionTabs .headerTop {
padding-bottom: 1em !important;
}
}