2 lines
1.6 KiB
CSS
2 lines
1.6 KiB
CSS
.captcha-container[data-v-cf29bfcb]{width:100%}.captcha-input-group[data-v-cf29bfcb]{display:flex;gap:10px;align-items:center}.captcha-input-group .el-input[data-v-cf29bfcb]{flex:1}.captcha-image-wrapper[data-v-cf29bfcb]{position:relative;width:120px;height:40px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s;background:#f5f7fa}.captcha-image-wrapper[data-v-cf29bfcb]:hover{border-color:#409eff;box-shadow:0 0 0 1px #409eff}.captcha-image[data-v-cf29bfcb]{width:100%;height:100%;object-fit:cover;display:block}.captcha-loading[data-v-cf29bfcb]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#909399;font-size:12px}.captcha-loading .el-icon[data-v-cf29bfcb]{font-size:16px;margin-bottom:2px}.captcha-refresh-hint[data-v-cf29bfcb]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;font-size:12px}.captcha-image-wrapper:hover .captcha-refresh-hint[data-v-cf29bfcb]{opacity:1}.captcha-refresh-hint .el-icon[data-v-cf29bfcb]{font-size:16px;margin-bottom:2px}.captcha-actions[data-v-cf29bfcb]{margin-top:8px;text-align:right}.captcha-actions .el-button[data-v-cf29bfcb]{padding:0;font-size:12px;color:#909399}.captcha-actions .el-button[data-v-cf29bfcb]:hover{color:#409eff}.captcha-actions .el-icon[data-v-cf29bfcb]{margin-right:4px}@media (max-width: 480px){.captcha-input-group[data-v-cf29bfcb]{flex-direction:column;gap:8px}.captcha-image-wrapper[data-v-cf29bfcb]{width:100%;max-width:200px;height:50px}}
|