diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.css b/frontend/src/views/components/SecuritySettings/SecuritySettings.css index f2d8b46a..d32974dd 100644 --- a/frontend/src/views/components/SecuritySettings/SecuritySettings.css +++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.css @@ -383,3 +383,34 @@ padding-bottom: 0; } } + +/* 桌面端将说明文字独立到下一行,避免操作按钮挤压中文标题区域。 */ +@media (min-width: 768px) { + .security-settings-card .security-key-header { + grid-template-columns: minmax(0, 1fr) auto; + grid-template-rows: auto auto; + align-items: center; + row-gap: 8px; + } + + .security-settings-card .security-key-header > :first-child { + display: contents; + } + + .security-settings-card .security-key-header > :first-child > h3 { + grid-column: 1; + grid-row: 1; + margin: 0; + } + + .security-settings-card .security-key-header > :first-child > .settings-desc { + grid-column: 1 / -1; + grid-row: 2; + } + + .security-settings-card .security-key-header > .security-recovery-actions { + grid-column: 2; + grid-row: 1; + align-self: center; + } +}