声脉桥梁云监控平台

loginform.scss 2.7KB

    $bg:#2d3a4b; $dark_gray:#889aa4; $light_gray:#eee; $light_black:#555; .login-container { position: fixed; height: 100%; width: 100%; background-color: $bg; .logo-wrapper { display:block; position:absolute; top:30px; left:30px; height:30px; width:320px; background-image: url('/static/touchwave.png'); background-size: 320px 30px; } .step-wrapper{ margin-bottom:30px; .el-step__head.is-process{ color: $light_black; border-color: $light_gray; } .el-step__title.is-process{ color: $light_gray; } .el-step__description.is-process{ color: $light_gray; } .el-step__icon{ width:40px; height:40px; .el-step__icon-inner{ font-size:16px; } } } .step-contain{ .importTip{ font-size: 18px; margin: 10px 0; } .mainTip{ color:$light_gray; } .smallTip{ color:$light_gray; line-height:16px; font-size:13px; } } .login-form { position: absolute; left: 0; right: 0; width: 520px; padding: 50px 35px 15px 35px; margin: 120px auto; .log-btn.el-button--primary { width:100%; } } .el-input { display: inline-block; height: 47px; width: 85%; input { background: transparent; border: 0px; -webkit-appearance: none; border-radius: 0px; padding: 12px 5px 12px 15px; color: $light_gray; height: 47px; &:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px $bg inset !important; -webkit-text-fill-color: #fff !important; } } } .el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.1); border-radius: 5px; color: #454545; } .el-form-find { border: none; background: none; margin-top: -20px; } .code-btn{ width: 92%; .el-input-group__append{ padding: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 140px; img{ width: 140px; height:42px; cursor: pointer; } .el-button{ width: 100%; margin:0; padding:15px 20px; } } } .svg-container { padding: 6px 5px 6px 15px; color: $dark_gray; vertical-align: middle; width: 30px; display: inline-block; &_login { font-size: 20px; } } .title { font-size: 26px; font-weight: 400; color: $light_gray; margin: 0px auto 40px auto; text-align: center; font-weight: bold; } .show-pwd { position: absolute; right: 10px; top: 7px; font-size: 16px; color: $dark_gray; cursor: pointer; user-select: none; } }