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:44:36 +08:00
parent fbd2474ada
commit f8c4c95f3e
1 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -73,6 +73,13 @@
}
.copy-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
box-sizing: border-box;
margin: 0;
vertical-align: middle;
justify-self: end;
}
@ -87,15 +94,35 @@
.recovery-dialog-actions {
display: flex;
flex-wrap: wrap;
flex-flow: row nowrap;
align-items: center;
align-content: center;
justify-content: flex-end;
gap: 10px;
min-width: max-content;
white-space: nowrap;
}
.recovery-dialog-actions :deep(.el-button + .el-button) {
margin-left: 0;
}
.recovery-dialog-actions :deep(.el-button) {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 32px;
box-sizing: border-box;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0 !important;
line-height: 1.25;
white-space: nowrap;
vertical-align: middle;
}
@media (max-width: 760px) {
.recovery-code-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));