Fix custom banner - use CSS variable and correct selectors

This commit is contained in:
2026-02-15 17:37:13 +03:00
parent 114550d976
commit 4cc3d5e335

View File

@@ -21,6 +21,9 @@
/* Общие параметры внешнего вида */ /* Общие параметры внешнего вида */
--theme-roundness: .75rem; /* Скругление углов */ --theme-roundness: .75rem; /* Скругление углов */
--theme-blur: 16px; /* Сила размытия фона */ --theme-blur: 16px; /* Сила размытия фона */
/* URL кастомного баннера */
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
} }
/* ======================================== /* ========================================
@@ -605,19 +608,6 @@ progress {
-ms-filter: blur(5px); -ms-filter: blur(5px);
} }
/* Принудительная замена баннера для всех макетов */
.layout-desktop .homeBackdropContainer,
.layout-desktop .itemBackdrop,
.layout-desktop .backdropImage,
.layout-mobile .homeBackdropContainer,
.layout-mobile .itemBackdrop,
.layout-mobile .backdropImage {
background-image: url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png") !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* Затемнение контента */ /* Затемнение контента */
.darkenContent { .darkenContent {
backdrop-filter: blur(5px) brightness(0.75); backdrop-filter: blur(5px) brightness(0.75);
@@ -915,15 +905,10 @@ progress {
КАСТОМНЫЙ БАННЕР КАСТОМНЫЙ БАННЕР
======================================== */ ======================================== */
/* Замена стандартного баннера Jellyfin на кастомный - главная страница */ /* Замена стандартного баннера Jellyfin на кастомный */
.homeBackdropContainer, .pageTitleWithDefaultLogo,
.itemBackdrop, .spashLogo {
.backdropImage, background-image: var(--logo-url) !important;
.backgroundContainer.withBackdrop {
background-image: url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png") !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
} }
/* ======================================== /* ========================================