MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-05 00:38:53 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Mobile fixes

Browse Source
This commit is contained in:
loof2736 2022-11-11 03:07:42 -05:00
parent d42fc6a1f0
commit b9d8dc6547
2 changed files with 28 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
CSS/transparent-header-alt.css
View File

@ -1,29 +0,0 @@
/* Transparent header bar */
.skinHeader {
background-color: transparent !important;
margin-top: 0.2em !important;
}
/* Rounded header buttons */
.headerTabs,
.headerRight {
background-color:rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important;
backdrop-filter: blur(50px) !important;
}
/* Lower header and add padding to right buttons */
.headerRight {
padding: 5px !important;
}
/* Header size */
.headerTabs {
height: 52px !important;
top: 1px !important;
}
/* Center text */
.emby-button-foreground {
top: -6px !important;
}

33
CSS/transparent-header.css
View File

@ -1,24 +1,47 @@
/* Transparent and lowered header bar */ /* Transparent header bar */
.skinHeader { .skinHeader {
background-color: transparent !important; background-color: transparent !important;
margin-top: 0.5em !important; }
.layout-desktop .skinHeader {
padding-top: 1.5em !important;
} }
/* Rounded header buttons */ /* Rounded header buttons */
.headerTabs { .headerTabs,
.headerRight {
background-color:rgba(35, 35, 35, 0.5) !important; background-color:rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(50px) !important; backdrop-filter: blur(50px) !important;
margin-top: -4em !important; }
/* Lower header and add padding to right buttons */
.layout-desktop .headerRight {
padding: 0px 5px !important;
} }
/* Header size */ /* Header size */
.headerTabs { .layout-desktop .headerTabs {
height: 52px !important; height: 52px !important;
top: 1px !important; top: 1px !important;
} }
.layout-mobile .headerTabs {
height: 45px !important;
}
/* Center text */ /* Center text */
.emby-button-foreground { .emby-button-foreground {
top: -6px !important; top: -6px !important;
} }
/* Mobile fixes */
.layout-mobile .headroom--unpinned {
transform: translateY(-50%);
}
.layout-mobile .sectionTabs {
margin-left: auto !important;
margin-right: auto !important;
width: auto !important;
}
.layout-mobile .emby-button-foreground {
top: -2px !important;
}