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 07:28:46 +08:00
parent 71aba6000b
commit 0a0b8c48e8
1 changed files with 32 additions and 0 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

@ -669,3 +669,35 @@
overflow-x: auto !important;
}
}
/* 窄屏桌面端将安全码操作区置顶，避免按钮挤压标题和说明。 */
@container settings-content (min-width: 561px) and (max-width: 760px) {
.security-settings-card .security-key-header {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
}
.security-settings-card .security-key-header > .security-recovery-actions {
order: -1 !important;
align-self: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
overflow-x: auto !important;
}
}
@container settings-content (max-width: 560px) {
.security-settings-card .security-key-header > .security-recovery-actions {
order: -1 !important;
}
}
@media (max-width: 767px) {
.security-settings-card .security-key-header > .security-recovery-actions {
order: 0 !important;
}
}