Levi/jellyfin-custom-css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

login page fix

Browse source
This commit is contained in:
Levi 2025-03-15 14:25:52 +01:00
parent 21a3d07fcc
commit a8bdbc76d9
1 changed files with 31 additions and 77 deletions

108
scyfin-wll.css
View file

@ -1276,97 +1276,51 @@ div[class=""] {
/* Login page */ /* Login page */
.layout-desktop #loginPage { #loginPage:after {
display: flex; background: url(https://levi.land/public/jf-login-bg.webp);
justify-content: center; filter: blur(8px);
align-items: center; background-size: cover;
content: "";
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: -1;
} }
.layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { #loginPage>div {
background: var(--secondary-background-color) !important; left: 50%;
width: 400px !important; max-width: 50vw;
border-radius: 25px !important; min-width: 40vw;
padding: 50px !important; padding: 0 !important;
position: absolute;
top: 50%;
transform: translate(-50%, 0%);
z-index: 2;
} }
.layout-desktop #loginPage .manualLoginForm .btnCancel { #loginPage #divUsers .card {
position: absolute !important; width: 8vw;
background: none !important;
width: 100px !important;
margin-left: -10px !important;
margin-top: 70px !important;
text-align: left !important;
} }
.layout-desktop #loginPage .visualLoginForm { body:has(#loginPage:not(.hide)) .skinHeader {
position: relative !important; display: none !important;
background: var(--secondary-background-color) !important;
z-index: 1000 !important;
} }
.layout-desktop #loginPage .btnForgotPassword { body:not(:has(#loginPage:not(.hide))) .skinHeader {
background: none !important; display: flex !important;
font-weight: normal !important;
width: 150px !important;
text-align: right !important;
position: absolute !important;
margin-left: 255px !important;
margin-top: -195px !important;
font-size: smaller !important;
color: rgba(255, 255, 255, 0.5) !important;
z-index: 1 !important;
} }
.layout-desktop #loginPage .loginDisclaimerContainer { .layout-mobile #loginPage #divUsers .card {
top: 130px !important; width: 30vw;
position: relative !important;
left: -50px !important;
width: 500px !important;
margin-top: -35px !important;
} }
.layout-desktop #loginPage .squareCard { .layout-mobile #loginPage>div {
width: 25% !important; max-width: 95vw;
font-size: smaller !important; width: 95vw;
} }
@media (max-width: 100em) {
.layout-desktop #loginPage .squareCard {
width: 20% !important;
}
.layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y {
width: 600px !important;
}
.layout-desktop #loginPage .btnForgotPassword {
margin-left: 450px !important;
}
.layout-desktop #loginPage .disclaimerContainer {
width: 700px !important;
}
}
@media (max-width: 87.5em) {
.layout-desktop #loginPage .squareCard {
width: 20% !important;
}
}
@media (max-width: 75em) {
.layout-desktop #loginPage .squareCard {
width: 20% !important;
}
}
@media (max-width: 43.75em) {
.layout-desktop #loginPage .squareCard {
width: 20% !important;
}
}
/* Dialog box */ /* Dialog box */
.dialog { .dialog {