xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

修复安全码按钮桌面端横向居中
Some checks are pending
Security Checks / security (push) Waiting to run
Details

Browse Source 
桌面端不再按设置容器宽度误切换纵向布局，移动端按浏览器视口切换；安全码弹窗 footer 强制水平垂直对齐。
This commit is contained in:
smail 2026-10-16 05:23:39 +08:00
parent 5f4176a843
commit 323d066b67
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/components/SecuritySettings/SecuritySettings.css
View File

@ -113,7 +113,17 @@
"main";
gap: 16px;
}
.security-key-header, .credential-item, .external-email-header, .external-item { display: flex; flex-direction: column; align-items: stretch; }
.credential-item, .external-email-header, .external-item { display: flex; flex-direction: column; align-items: stretch; }
.credential-actions { width: 100%; }
.credential-actions .el-button { flex: 1; }
}
@media (max-width: 767px) {
.security-key-header {
display: flex;
flex-direction: column;
align-items: stretch;
}
.security-key-header > .section-actions {
width: 100%;
min-width: 0;
@ -121,8 +131,6 @@
overflow-x: auto;
padding-bottom: 2px;
}
.credential-actions { width: 100%; }
.credential-actions .el-button { flex: 1; }
}
.password-verification-row {
display: flex;

7
frontend/src/views/components/UserManagement/RecoveryCodeDialog/RecoveryCodeDialog.css
View File

@ -106,6 +106,13 @@
vertical-align: middle;
}
:global(.recovery-code-dialog .el-dialog__footer) {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
box-sizing: border-box;
}
.recovery-dialog-actions :deep(.el-button + .el-button) {
margin-left: 0;
}