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
Show stats Download patch file Download diff file Expand all files Collapse all files

108
scyfin-wll.css
View file

@ -1276,97 +1276,51 @@ div[class=""] {
/* Login page */
.layout-desktop #loginPage {
display: flex;
justify-content: center;
align-items: center;
#loginPage:after {
background: url(https://levi.land/public/jf-login-bg.webp);
filter: blur(8px);
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 {
background: var(--secondary-background-color) !important;
width: 400px !important;
border-radius: 25px !important;
padding: 50px !important;
#loginPage>div {
left: 50%;
max-width: 50vw;
min-width: 40vw;
padding: 0 !important;
position: absolute;
top: 50%;
transform: translate(-50%, 0%);
z-index: 2;
}
.layout-desktop #loginPage .manualLoginForm .btnCancel {
position: absolute !important;
background: none !important;
width: 100px !important;
margin-left: -10px !important;
margin-top: 70px !important;
text-align: left !important;
#loginPage #divUsers .card {
width: 8vw;
}
.layout-desktop #loginPage .visualLoginForm {
position: relative !important;
background: var(--secondary-background-color) !important;
z-index: 1000 !important;
body:has(#loginPage:not(.hide)) .skinHeader {
display: none !important;
}
.layout-desktop #loginPage .btnForgotPassword {
background: none !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;
body:not(:has(#loginPage:not(.hide))) .skinHeader {
display: flex !important;
}
.layout-desktop #loginPage .loginDisclaimerContainer {
top: 130px !important;
position: relative !important;
left: -50px !important;
width: 500px !important;
margin-top: -35px !important;
.layout-mobile #loginPage #divUsers .card {
width: 30vw;
}
.layout-desktop #loginPage .squareCard {
width: 25% !important;
font-size: smaller !important;
.layout-mobile #loginPage>div {
max-width: 95vw;
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 {