From d4d2b680baff18f950da5e77463c1f0e26dbd567 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 03 四月 2025 10:10:25 +0800
Subject: [PATCH] 2025-04-03
---
src/views/login/index.scss | 47 ++++++++++++++++++-----------------------------
1 files changed, 18 insertions(+), 29 deletions(-)
diff --git a/src/views/login/index.scss b/src/views/login/index.scss
index 736416c..085d3ea 100644
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@@ -3,9 +3,13 @@
height: 100vh;
min-height: 600px;
background-color: var(--mk-sys-background);
- background-size: cover;
+ // background-image: url('http://bms-test.kresstools.cn/Content/images/login2/bg_mid.png');
+ background-size: contain;
background-repeat: no-repeat;
- background-position: center center;
+ background-position: center 100px;
+ --mk-login-offset-top: 0px;
+ --mk-login-offset-left: 0px;
+
.logo {
position: relative;
height: 100px;
@@ -29,13 +33,13 @@
.login-middle {
position: relative;
- height: calc(100vh - 100px);
- min-height: 475px;
- background-image: url('http://bms-test.kresstools.cn/Content/images/login2/bg_mid.png');
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center center;
- // border-bottom: 2px solid var(--mk-sys-color);
+ height: calc(100vh - 200px);
+ min-height: 420px;
+ display: flex;
+ align-items: center;
+ justify-content: right;
+ padding-right: 20vw;
+ overflow: hidden;
.login-form-button {
background-color: var(--mk-sys-color);
@@ -54,9 +58,6 @@
.login-form {
position: relative;
- float: right;
- margin-top: 6%;
- margin-right: 20%;
background: #ffffff;
width: 22vw;
min-width: 300px;
@@ -64,6 +65,9 @@
overflow: hidden;
border: 1px solid #bfbfbf;
z-index: 3;
+ top: var(--mk-login-offset-top, 0px);
+ left: var(--mk-login-offset-left, 0px);
+ transition: all 0.2s;
.login-way-title {
font-size: 18px;
@@ -336,23 +340,8 @@
@media screen and (max-width: 500px) {
.login-container {
.login-middle {
- .login-form {
- float: unset;
- margin: 0 auto;
- margin-top: 5%;
- }
- }
- }
-}
-
-@media screen and (min-width: 1550px) {
- .login-container {
- .ant-tabs.ant-tabs-card {
- .ant-tabs-card-bar {
- .ant-tabs-tab {
- font-size: 20px;
- }
- }
+ justify-content: center;
+ padding-right: 0px;
}
}
}
\ No newline at end of file
--
Gitblit v1.8.0