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

强制安全码按钮水平垂直对齐

Browse Source
This commit is contained in:
smail 2026-10-16 04:21:18 +08:00
parent 792aa2728f
commit 041b6e4012
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -42,6 +42,32 @@
min-width: max-content;
margin: 0;
}
.security-key-header > .security-recovery-actions {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: flex-end;
flex-flow: row nowrap;
gap: 8px;
height: 32px;
min-height: 32px;
min-width: max-content;
white-space: nowrap;
vertical-align: middle;
}
.security-key-header > .security-recovery-actions :deep(.el-button) {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 32px;
min-height: 32px;
box-sizing: border-box;
margin: 0 !important;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
}
.security-key-header > .section-actions :deep(.el-button) {
display: inline-flex;
align-items: center;

2
frontend/src/views/components/SecuritySettings/SecuritySettings.vue
View File

@ -92,7 +92,7 @@
>
<div class="settings-header security-key-header">
<div><h3>安全码</h3><p class="settings-desc">安全码默认隐藏，完成安全验证后可以重新查看。</p></div>
<div class="section-actions">
<div class="section-actions security-recovery-actions">
<el-button
v-if="recoveryConfigured && !generatedCodes.length"
@click="revealRecoveryCodes"