老叶
1 line
2.0 KiB
CSS
1 line
2.0 KiB
CSS
.login-wrapper[data-v-21d0170e]{padding:50px 20px;position:relative;box-sizing:border-box;background-image:url(/img/bg-login.73f5e214.jpg);background-repeat:no-repeat;background-size:cover;min-height:100vh}.login-wrapper[data-v-21d0170e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2)}.login-form[data-v-21d0170e]{width:360px;margin:0 auto;max-width:100%;padding:25px 30px;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.15);border-radius:4px;position:relative;z-index:2}.login-form h4[data-v-21d0170e]{margin:0 0 25px 0;text-align:center}.login-form>.el-form-item[data-v-21d0170e]{margin-bottom:25px}.login-form-right .login-form[data-v-21d0170e]{margin:0 15% 0 auto}.login-form-left .login-form[data-v-21d0170e]{margin:0 auto 0 15%}.login-input-group[data-v-21d0170e]{display:flex;align-items:center}.login-input-group[data-v-21d0170e] .el-input{flex:1}.login-input-group .login-captcha[data-v-21d0170e]{width:102px;height:38px;margin-left:10px;border-radius:4px;border:1px solid #dcdfe6;text-align:center;cursor:pointer}.login-input-group .login-captcha[data-v-21d0170e]:hover{opacity:.75}.login-btn[data-v-21d0170e]{display:block;width:100%}.login-oauth-icon[data-v-21d0170e]{color:#fff;padding:5px;margin:0 10px;font-size:18px;border-radius:50%;cursor:pointer}.login-copyright[data-v-21d0170e]{color:#eee;text-align:center;padding-top:20px;position:relative;z-index:1}@media screen and (min-height:550px){.login-form[data-v-21d0170e]{position:absolute;top:50%;left:50%;transform:translateX(-50%);margin-top:-220px}.login-form-left .login-form[data-v-21d0170e],.login-form-right .login-form[data-v-21d0170e]{left:auto;right:15%;transform:translateX(0);margin:-220px auto auto auto}.login-form-left .login-form[data-v-21d0170e]{right:auto;left:15%}.login-copyright[data-v-21d0170e]{position:absolute;bottom:20px;right:0;left:0}}@media screen and (max-width:768px){.login-form-left .login-form[data-v-21d0170e],.login-form-right .login-form[data-v-21d0170e]{left:50%;right:auto;margin-right:auto;transform:translateX(-50%)}} |