1 line
3.2 KiB
CSS
1 line
3.2 KiB
CSS
.login_bg[data-v-445e96e8]{width:100%;height:100%;background:#fff;display:flex}.login_adv[data-v-445e96e8]{width:33.33333%;background-color:#555;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.login_adv__title[data-v-445e96e8]{color:#fff;padding:40px;position:absolute;top:0;left:0;right:0;z-index:2}.login_adv__title h2[data-v-445e96e8]{font-size:40px}.login_adv__title h4[data-v-445e96e8]{font-size:18px;margin-top:10px;font-weight:400}.login_adv__title p[data-v-445e96e8]{font-size:14px;margin-top:10px;line-height:1.8;color:hsla(0,0%,100%,.6)}.login_adv__title div[data-v-445e96e8]{margin-top:10px;display:flex;align-items:center}.login_adv__title div span[data-v-445e96e8]{margin-right:15px}.login_adv__title div i[data-v-445e96e8]{font-size:40px}.login_adv__title div i.add[data-v-445e96e8]{font-size:20px;color:hsla(0,0%,100%,.6)}.login_adv__bottom[data-v-445e96e8]{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:40px;background-image:linear-gradient(transparent,#000);z-index:3}.login_adv__mask[data-v-445e96e8]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.login_main[data-v-445e96e8]{flex:1;overflow:auto;display:flex}.login-form[data-v-445e96e8]{width:400px;margin:auto;padding:20px 0}.login-header[data-v-445e96e8]{margin-bottom:40px}.login-header .logo[data-v-445e96e8]{display:flex;align-items:center}.login-header .logo img[data-v-445e96e8]{width:40px;height:40px;vertical-align:bottom;margin-right:10px}.login-header .logo label[data-v-445e96e8]{font-size:26px;font-weight:700}.login-oauth[data-v-445e96e8]{display:flex;justify-content:space-around}.login-form .el-divider[data-v-445e96e8]{margin-top:40px}.login-form[data-v-445e96e8] .el-tabs .el-tabs__header{margin-bottom:25px}.login-form[data-v-445e96e8] .el-tabs .el-tabs__header .el-tabs__item{font-size:14px}.login-form[data-v-445e96e8] .login-forgot{text-align:right}.login-form[data-v-445e96e8] .login-forgot a{color:var(--el-color-primary)}.login-form[data-v-445e96e8] .login-forgot a:hover{color:var(--el-color-primary-light-3)}.login-form[data-v-445e96e8] .login-reg{font-size:14px;color:var(--el-text-color-primary)}.login-form[data-v-445e96e8] .login-reg a{color:var(--el-color-primary)}.login-form[data-v-445e96e8] .login-reg a:hover{color:var(--el-color-primary-light-3)}.login_config[data-v-445e96e8]{position:absolute;top:20px;right:20px}.login-form[data-v-445e96e8] .login-msg-yzm{display:flex;width:100%}.login-form[data-v-445e96e8] .login-msg-yzm .el-button{margin-left:10px;--el-button-size:42px}.qrCodeLogin[data-v-445e96e8]{text-align:center;position:relative;padding:20px 0}.qrCodeLogin img.qrCode[data-v-445e96e8]{background:#fff;padding:20px;border-radius:10px}.qrCodeLogin p.msg[data-v-445e96e8]{margin-top:15px}.qrCodeLogin .qrCodeLogin-result[data-v-445e96e8]{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--el-mask-color)}@media (max-width:1200px){.login-form[data-v-445e96e8]{width:340px}}@media (max-width:1000px){.login_main[data-v-445e96e8]{display:block}.login_main .login_config[data-v-445e96e8]{position:static;padding:20px 20px 0 20px;text-align:right}.login-form[data-v-445e96e8]{width:100%;padding:20px 40px}.login_adv[data-v-445e96e8]{display:none}} |