feat: refine map control group states
This commit is contained in:
@@ -291,7 +291,12 @@ export const APP_STYLES = ` :root {
|
||||
right: 16px;
|
||||
z-index: 900;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
gap: 2px;
|
||||
padding: 4px;
|
||||
background: var(--timeline-surface-soft);
|
||||
border: 1px solid var(--timeline-border);
|
||||
box-shadow: var(--shadow-soft);
|
||||
backdrop-filter: blur(14px);
|
||||
}
|
||||
|
||||
.route-toggle {
|
||||
@@ -303,15 +308,29 @@ export const APP_STYLES = ` :root {
|
||||
|
||||
.theme-toggle,
|
||||
.route-toggle {
|
||||
background: var(--timeline-surface-soft);
|
||||
background: transparent;
|
||||
color: var(--timeline-text);
|
||||
border: 1px solid var(--timeline-border);
|
||||
box-shadow: var(--shadow-soft);
|
||||
border: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
opacity: 0.78;
|
||||
}
|
||||
|
||||
.theme-toggle:hover,
|
||||
.route-toggle:hover {
|
||||
background: var(--timeline-surface-strong);
|
||||
border-color: var(--timeline-border);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.route-toggle[aria-pressed="true"] {
|
||||
background: var(--timeline-surface-strong);
|
||||
border-color: var(--timeline-border-strong);
|
||||
color: var(--route-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.route-toggle[aria-pressed="false"] {
|
||||
color: var(--timeline-text-muted);
|
||||
}
|
||||
|
||||
.theme-toggle .button-icon,
|
||||
|
||||
Reference in New Issue
Block a user