boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-27 22:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Optimized performance a bit

Browse Source
This commit is contained in:
lscambo13
2025-11-24 21:04:17 +05:30
parent c9839f0848
commit c4d04e1709
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Theme/ElegantFin-theme-nightly.css
View File

@@ -160,10 +160,6 @@
} }
html { html {
--primaryItemPageNegativeSpace: 14vh;
--secondaryItemPageNegativeSpace: 60vh;
--clearLogoBottomSpace: 11em;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 425; font-weight: 425;
@@ -171,7 +167,13 @@ html {
-webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: transparent !important;
} }
.layout-desktop:has(.nowPlayingBar:not(.hide)) { body {
--primaryItemPageNegativeSpace: 14vh;
--secondaryItemPageNegativeSpace: 60vh;
--clearLogoBottomSpace: 11em;
}
.layout-desktop > body:has(> audio[src]) {
--primaryItemPageNegativeSpace: calc(14vh + 5em); --primaryItemPageNegativeSpace: calc(14vh + 5em);
--secondaryItemPageNegativeSpace: calc(60vh + 5em); --secondaryItemPageNegativeSpace: calc(60vh + 5em);
} }
@@ -181,6 +183,9 @@ html {
--headerColorGradient: var(--headerColorGradientAlt); --headerColorGradient: var(--headerColorGradientAlt);
--blurLargest: blur(12px); --blurLargest: blur(12px);
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent); --headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
}
.layout-mobile > body {
--secondaryItemPageNegativeSpace: 45vh; --secondaryItemPageNegativeSpace: 45vh;
} }
@@ -398,7 +403,7 @@ html {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
.card-hoverable .cardOverlayContainer:after { .cardOverlayContainer:after {
content: var(--cardHoverEffect); content: var(--cardHoverEffect);
transition: 0.5s; transition: 0.5s;
position: absolute; position: absolute;
@@ -500,7 +505,7 @@ html {
color: white; color: white;
} }
.cardOverlayContainer:has(.cardOverlayButton:hover) { .cardOverlayContainer:has(> button:hover) {
backdrop-filter: var(--blurDefault); backdrop-filter: var(--blurDefault);
} }
@@ -3880,7 +3885,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
} }
/* this allows switching between the header styles easily */ /* this allows switching between the header styles easily */
#reactRoot > div:nth-of-type(3) { #reactRoot > div:nth-child(3) {
container-name: skinHeader; container-name: skinHeader;
container-type: size; container-type: size;
height: var(--appBarHeight); height: var(--appBarHeight);