From a8bdbc76d9d03e72df1bc8c2392501e4d3413223 Mon Sep 17 00:00:00 2001
From: Levi <levi@levi.land>
Date: Sat, 15 Mar 2025 14:25:52 +0100
Subject: [PATCH] login page fix
---
scyfin-wll.css | 108 ++++++++++++++-----------------------------------
1 file changed, 31 insertions(+), 77 deletions(-)
diff --git a/scyfin-wll.css b/scyfin-wll.css
index b01f46a..e956011 100644
--- a/scyfin-wll.css
+++ b/scyfin-wll.css
@@ -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 {