From 04412c75e4f856f73378970b5b672be47ac0a5b5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 02 四月 2025 16:54:58 +0800 Subject: [PATCH] 2025-04-02 --- src/views/login/index.scss | 37 ++++++++++++++----------------------- 1 files changed, 14 insertions(+), 23 deletions(-) diff --git a/src/views/login/index.scss b/src/views/login/index.scss index a5b2e89..cb8b3af 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -5,6 +5,9 @@ background-size: cover; background-repeat: no-repeat; background-position: center center; + --mk-login-offset-top: 0px; + --mk-login-offset-left: 0px; + .logo { position: relative; height: 100px; @@ -28,11 +31,14 @@ .login-middle { position: relative; - height: calc(100vh - 194px); + height: calc(100vh - 200px); min-height: 420px; - background-size: cover; - background-position: center center; border-bottom: 2px solid var(--mk-sys-color); + display: flex; + align-items: center; + justify-content: right; + padding-right: 20vw; + overflow: hidden; .login-form-button { background-color: var(--mk-sys-color); @@ -51,15 +57,15 @@ .login-form { position: relative; - float: right; - margin-top: 5%; - margin-right: 20%; background: #ffffff; width: 22vw; min-width: 300px; border-radius: 5px; overflow: hidden; border: 1px solid #bfbfbf; + top: var(--mk-login-offset-top, 0px); + left: var(--mk-login-offset-left, 0px); + transition: all 0.2s; .login-way-title { font-size: 18px; @@ -324,23 +330,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