fix: hide SVG logo and use background-image for custom logo

This commit is contained in:
MiTHRAL 2026-05-01 02:55:21 -04:00
parent 1b951a3583
commit 536d4fab54

View file

@ -158,12 +158,18 @@ body:has(#itemDetailPage) html::after,
/* --- Custom Branding --- */ /* --- Custom Branding --- */
/* Replace Jellyfin header logo image using CSS content replacement */ /* Replace Jellyfin header logo — hides SVG/img child and uses background */
.headerLogo img { .headerLogo {
content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important; display: inline-block !important;
width: 36px !important; width: 36px !important;
height: 36px !important; height: 36px !important;
object-fit: contain !important; background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.headerLogo * {
display: none !important;
} }
/* Replace "Jellyfin" server name text in header with "The Ark" */ /* Replace "Jellyfin" server name text in header with "The Ark" */