完善验证码单行显示
This commit is contained in:
parent
95ffb2b6a6
commit
acfede2ebb
@ -558,3 +558,23 @@
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.recovery-form :deep(.el-form-item:has(input[autocomplete="one-time-code"])) {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto minmax(0, 1fr);
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recovery-form :deep(.el-form-item:has(input[autocomplete="one-time-code"]) .el-form-item__label) {
|
||||||
|
width: auto !important;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 1.4;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recovery-form :deep(.el-form-item:has(input[autocomplete="one-time-code"]) .el-form-item__content) {
|
||||||
|
min-width: 0;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
|||||||
@ -255,3 +255,25 @@ button:not(:disabled):hover {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.public-recovery-form:has(.recovery-code-row) {
|
||||||
|
grid-template-columns: auto minmax(0, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > strong,
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > .public-recovery-copy,
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > .recovery-methods,
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > .public-recovery-status,
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > .public-recovery-actions {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > label[for="public-recovery-code"] {
|
||||||
|
align-self: center;
|
||||||
|
margin-top: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.public-recovery-form:has(.recovery-code-row) > .recovery-code-row {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|||||||
@ -69,3 +69,26 @@
|
|||||||
.totp-disable {
|
.totp-disable {
|
||||||
max-width: 360px;
|
max-width: 360px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.totp-enrollment :deep(.el-form-item),
|
||||||
|
.totp-disable :deep(.el-form-item) {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto minmax(0, 1fr);
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totp-enrollment :deep(.el-form-item__label),
|
||||||
|
.totp-disable :deep(.el-form-item__label) {
|
||||||
|
width: auto !important;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 1.4;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totp-enrollment :deep(.el-form-item__content),
|
||||||
|
.totp-disable :deep(.el-form-item__content) {
|
||||||
|
min-width: 0;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user