fix: hide SVG logo and use background-image for custom logo
This commit is contained in:
parent
1b951a3583
commit
536d4fab54
1 changed files with 10 additions and 4 deletions
|
|
@ -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" */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue