feat(styles): 更新设计系统样式以支持语言切换器

This commit is contained in:
Abner
2025-11-01 14:16:14 +08:00
parent 317c243092
commit 91efda93bc

View File

@@ -61,11 +61,6 @@ textarea:focus-visible {
/* prevent layout shift from status text changes */
min-height: 1.25em;
}
[role="status"], [role="alert"] {
/* ensure SR picks up updates consistently */
aria-atomic: true;
}
.visually-hidden {
position: absolute !important;
clip: rect(1px,1px,1px,1px);
@@ -90,6 +85,11 @@ html[data-locale="en"] .lang-en { display: inline !important; }
margin-bottom: var(--space-4);
}
.header-buttons .language-switcher {
width: auto;
margin-bottom: 0;
}
.lang-switch {
display: inline-flex;
align-items: center;
@@ -104,6 +104,12 @@ html[data-locale="en"] .lang-en { display: inline !important; }
transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.header-buttons .lang-switch {
padding: 10px 20px;
border-radius: 30px;
flex-shrink: 0;
}
.lang-switch:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);