mirror of
https://github.com/Silentely/eSIM-Tools.git
synced 2026-09-03 06:24:20 +08:00
feat(styles): 更新设计系统样式以支持语言切换器
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user