New: Added icons to the header tabs on the home page

Fix: Made the tab buttons less rounded
Fix: Removed shadow and blur from tab buttons
This commit is contained in:
lscambo13
2025-05-26 09:51:22 -07:00
parent 9344aaee65
commit 8c7f853219

View File

@@ -2834,20 +2834,41 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
/* border-color: var(--borderColor); */ /* border-color: var(--borderColor); */
} }
/* .noHomeButtonHeader .emby-tab-button[data-index="1"] .emby-button-foreground{ /* .noHomeButtonHeader .emby-tab-button[data-index="1"] .emby-button-foreground {
display: none; display: none;
} }
.noHomeButtonHeader .emby-tab-button[data-index="1"]:after{ .noHomeButtonHeader .emby-tab-button[data-index="1"]:after {
content: "Watchlist"; content: "Watchlist";
} */ } */
.noHomeButtonHeader .emby-tab-button[data-index="1"]:before {
content: "\e87d";
}
.noHomeButtonHeader .emby-tab-button[data-index="0"]:before {
content: "\e88a";
}
.noHomeButtonHeader .emby-tab-button:before {
font-family: 'Material Icons Round';
padding-inline-end: .5em;
margin-inline-start: -.15em;
font-size: 1.2em;
font-variation-settings: 'FILL' 0;
}
.noHomeButtonHeader .emby-tab-button-active:before {
/* font-variation-settings: 'FILL' 1; */
}
.headerTabs.sectionTabs { .headerTabs.sectionTabs {
margin: 0; margin: 0;
height: 6em; height: 6em;
} }
.headerTabs.sectionTabs .emby-tab-button { .headerTabs.sectionTabs .emby-tab-button {
display: inline-flex;
margin: 0; margin: 0;
margin-inline: .5em; margin-inline: .5em;
margin-block: .25em; margin-block: .25em;
@@ -2857,9 +2878,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
height: 2.5em; height: 2.5em;
color: var(--textColor); color: var(--textColor);
font-weight: 400; font-weight: 400;
border-radius: 2em; border-radius: var(--largeRadius);
background-color: var(--darkerGradientPointAlpha); background-color: var(--darkerGradientPointAlpha);
backdrop-filter: var(--blurLargest);
/* border: solid var(--borderWidth) var(--borderColor); */ /* border: solid var(--borderWidth) var(--borderColor); */
/* text-shadow: 1px 1px 0 black; */ /* text-shadow: 1px 1px 0 black; */
} }
@@ -2869,7 +2889,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
margin-inline: .5em; margin-inline: .5em;
margin-block: .25em; margin-block: .25em;
/* font-weight: 600; */ /* font-weight: 600; */
box-shadow: var(--shadow); /* box-shadow: var(--shadow); */
/* width: 50vw; */ /* width: 50vw; */
color: black; color: black;
background-color: white; background-color: white;