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
This commit is contained in:
smail 2026-10-16 05:04:47 +08:00
parent 8eb298d9bd
commit 04348276f1
2 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,23 +34,25 @@
display: flex;
flex: 0 0 auto;
flex-direction: row;
flex-wrap: nowrap;
flex-wrap: nowrap !important;
align-items: center;
align-content: center;
justify-content: flex-end;
gap: 6px;
min-width: max-content;
white-space: nowrap;
margin: 0;
}
.security-key-header > .security-recovery-actions {
display: inline-flex;
display: flex;
flex: 0 0 auto;
align-items: center;
align-content: center;
justify-content: flex-end;
flex-flow: row nowrap;
flex-flow: row nowrap !important;
gap: 8px;
height: 32px;
min-height: 32px;
height: 36px;
min-height: 36px;
min-width: max-content;
white-space: nowrap;
vertical-align: middle;
@ -60,11 +62,12 @@
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 32px;
min-height: 32px;
height: 36px;
min-height: 36px;
box-sizing: border-box;
margin: 0 !important;
line-height: 1;
padding: 8px 12px;
line-height: 1.25;
white-space: nowrap;
vertical-align: middle;
}
@ -73,9 +76,10 @@
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 32px;
height: 36px;
min-height: 36px;
margin: 0;
padding: 8px 10px;
padding: 8px 12px;
line-height: 1.25;
white-space: nowrap;
vertical-align: middle;
@ -110,7 +114,13 @@
gap: 16px;
}
.security-key-header, .credential-item, .external-email-header, .external-item { display: flex; flex-direction: column; align-items: stretch; }
.security-key-header > .section-actions { width: 100%; justify-content: flex-start; }
.security-key-header > .section-actions {
width: 100%;
min-width: 0;
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 2px;
}
.credential-actions { width: 100%; }
.credential-actions .el-button { flex: 1; }
}

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

@ -94,13 +94,16 @@
.recovery-dialog-actions {
display: flex;
flex-flow: row nowrap;
flex: 0 0 auto;
flex-flow: row nowrap !important;
align-items: center;
align-content: center;
justify-content: flex-end;
gap: 10px;
min-width: max-content;
min-height: 36px;
white-space: nowrap;
vertical-align: middle;
}
.recovery-dialog-actions :deep(.el-button + .el-button) {
@ -112,8 +115,10 @@
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 32px;
height: 36px;
min-height: 36px;
box-sizing: border-box;
padding: 8px 12px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;