mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
Compare commits
4 Commits
309abc2dc3
...
4a045ef8c9
Author | SHA1 | Date | |
---|---|---|---|
|
4a045ef8c9 | ||
|
8536ee6a90 | ||
|
e62de7469c | ||
|
5994dde7a1 |
@@ -55,7 +55,7 @@
|
|||||||
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
|
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
|
||||||
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint));
|
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint));
|
||||||
--headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 30%, 55%, transparent 90%);
|
--headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 30%, 55%, transparent 90%);
|
||||||
--headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, .95), 70%, transparent);
|
--headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, 1), 70%, transparent);
|
||||||
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
|
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
|
||||||
|
|
||||||
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
|
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
|
|
||||||
/* use 5em to enable the fading app bar (seamless);
|
/* use 5em to enable the fading app bar (seamless);
|
||||||
use 4.6em to get the solid app bar (cleaner with border) */
|
use 4.6em to get the solid app bar (cleaner with border) */
|
||||||
--appBarHeight: 4.6em;
|
--appBarHeight: 5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
@@ -137,6 +137,9 @@ html {
|
|||||||
.layout-mobile {
|
.layout-mobile {
|
||||||
--itemColumnGap: 0;
|
--itemColumnGap: 0;
|
||||||
--sidePadding: 5%;
|
--sidePadding: 5%;
|
||||||
|
--headerColorGradient: var(--headerColorGradientAlt);
|
||||||
|
--blurLargest: blur(12px);
|
||||||
|
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Material Icons Round */
|
/* Material Icons Round */
|
||||||
@@ -201,6 +204,10 @@ html {
|
|||||||
color: var(--borderColor);
|
color: var(--borderColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cardPadder .cardImageIcon {
|
||||||
|
color: var(--selectorBackgroundColorAlpha);
|
||||||
|
}
|
||||||
|
|
||||||
.card:focus .cardBox.visualCardBox,
|
.card:focus .cardBox.visualCardBox,
|
||||||
.card:focus .cardBox:not(.visualCardBox) .cardScalable {
|
.card:focus .cardBox:not(.visualCardBox) .cardScalable {
|
||||||
border-color: white !important;
|
border-color: white !important;
|
||||||
@@ -1261,6 +1268,7 @@ html {
|
|||||||
/* this shows the poster in the cast, book and music pages */
|
/* this shows the poster in the cast, book and music pages */
|
||||||
.detailImageContainer .card:has(.book, .person, .album),
|
.detailImageContainer .card:has(.book, .person, .album),
|
||||||
.detailImageContainer .card.backdropCard:has(.tv),
|
.detailImageContainer .card.backdropCard:has(.tv),
|
||||||
|
.detailImageContainer .card.backdropCard:has(.movie),
|
||||||
.detailImageContainer .card.backdropCard:has(.live_tv) {
|
.detailImageContainer .card.backdropCard:has(.live_tv) {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -1690,6 +1698,9 @@ progress+span {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: .5em .9em;
|
padding: .5em .9em;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailsGroupItem:not(:last-child) {
|
||||||
border-bottom: var(--defaultBorder);
|
border-bottom: var(--defaultBorder);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3524,10 +3535,18 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
|
|||||||
height: var(--appBarHeight);
|
height: var(--appBarHeight);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.osdHeader .headerTop {
|
||||||
|
max-height: var(--appBarHeight);
|
||||||
|
}
|
||||||
|
|
||||||
.layout-desktop .headerTop {
|
.layout-desktop .headerTop {
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-tv .headerTop {
|
||||||
|
padding: 0 .5em;
|
||||||
|
}
|
||||||
|
|
||||||
/* this prevents the section tabs from hiding all the way up */
|
/* this prevents the section tabs from hiding all the way up */
|
||||||
.headroom--unpinned {
|
.headroom--unpinned {
|
||||||
-webkit-transform: translateY(calc(-1 * var(--appBarHeight) - var(--borderWidth)));
|
-webkit-transform: translateY(calc(-1 * var(--appBarHeight) - var(--borderWidth)));
|
||||||
|
Reference in New Issue
Block a user