| | |
| | | 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; |
| | |
| | | |
| | | .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); |
| | |
| | | |
| | | .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; |
| | |
| | | @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; |
| | | } |
| | | } |
| | | } |