CodeDevMLH/Jellyfin-Login-Page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

logo always dynamicialy

Browse Source
This commit is contained in:
MLH
2024-12-07 03:44:04 +01:00
parent ac320a4ad2
commit 073b703427
1 changed files with 61 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
custom-login-css.css
View File

@@ -18,10 +18,10 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
display: none; display: none;
} }
#loginPage .readOnlyContent { #loginPage .readOnlyContent {
padding: 0 !important; padding: 0 !important;
width: 90% !important; width: 90% !important;
} }
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
background: #000000bf; background: #000000bf;
@@ -86,14 +86,13 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
} }
/*Logo verkleinern*/ /*Logo verkleinern*/
@media (max-width: 1165px) { #login-logo {
#login-logo {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
}
} }
@media (max-width: 1050px) { @media (max-width: 1050px) {
/* Login-Container */ /* Login-Container */
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
width: 38vw; width: 38vw;
@@ -125,6 +124,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
/* Mobile Optimierungen für Tablet */ /* Mobile Optimierungen für Tablet */
@media (max-width: 886px) { @media (max-width: 886px) {
@media (orientation: landscape) { @media (orientation: landscape) {
/* Login-Container */ /* Login-Container */
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
width: 32vw; width: 32vw;
@@ -139,6 +139,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
} }
@media (orientation: portrait) { @media (orientation: portrait) {
/* Login-Container */ /* Login-Container */
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
width: 50vw; width: 50vw;
@@ -171,6 +172,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
/* Mobile Optimierungen für Smartphone*/ /* Mobile Optimierungen für Smartphone*/
@media (max-width: 768px) { @media (max-width: 768px) {
/* Login-Container */ /* Login-Container */
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
width: 80vw; width: 80vw;
@@ -190,7 +192,8 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
/* Square Card */ /* Square Card */
#loginPage .squareCard { #loginPage .squareCard {
width: 24%; /* 30% */ width: 24%;
/* 30% */
} }
/* Verkleinern der Schriftgröße und Anpassung für andere Elemente */ /* Verkleinern der Schriftgröße und Anpassung für andere Elemente */