diff --git a/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css new file mode 100644 index 00000000..9dc5b903 --- /dev/null +++ b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css @@ -0,0 +1,55 @@ +@media (min-width: 752px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); + display: inline-block; + margin-left: 15px; + width: 124px; + height: 40px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + + +[class*="LoadingPage-logoFull-"] { + display: none !important; +} + +[class*="LoadingPage-page-"]:before { + background-image: url("/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png"); + display: inline-block; + width: 124px; + height: 40px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} + +@media (max-width: 767px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} diff --git a/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png new file mode 100644 index 00000000..90caa9d6 Binary files /dev/null and b/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png differ