feat: 完善 N7 智能座舱交互与控制链路
This commit is contained in:
@@ -91,6 +91,26 @@
|
||||
box-shadow: 0 0 0 5px color-mix(in oklch, var(--primary) 9%, transparent), 0 7px 18px color-mix(in oklch, var(--primary) 20%, transparent);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .speech-dictation.is-armed,
|
||||
.console-v2 .v2-request-form .speech-dictation.is-armed:hover:not(:disabled),
|
||||
.console-v2 .v2-request-form .speech-dictation.is-armed:focus-visible {
|
||||
color: var(--primary);
|
||||
background: color-mix(in oklch, var(--primary) 10%, var(--background));
|
||||
box-shadow: 0 0 0 4px color-mix(in oklch, var(--primary) 8%, transparent);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .speech-dictation.is-armed::after {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
content: "";
|
||||
background: var(--primary);
|
||||
border: 2px solid var(--background);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .speech-dictation.is-listening .speech-mic-icon,
|
||||
.console-v2 .v2-request-form .speech-dictation.is-processing .speech-mic-icon {
|
||||
display: none;
|
||||
@@ -149,14 +169,31 @@
|
||||
box-shadow: 0 12px 35px color-mix(in oklch, var(--primary) 10%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--primary) 8%, transparent);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="armed"],
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="capturing"] {
|
||||
border-color: color-mix(in oklch, var(--primary) 36%, transparent);
|
||||
box-shadow: 0 12px 35px color-mix(in oklch, var(--primary) 10%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--primary) 8%, transparent);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="listening"] .speech-status {
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="armed"] .speech-status,
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="capturing"] .speech-status {
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="processing"] .speech-status {
|
||||
color: color-mix(in oklch, var(--primary) 72%, var(--foreground));
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="warming"] .speech-status,
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="arming"] .speech-status,
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="finalizing"] .speech-status {
|
||||
color: color-mix(in oklch, var(--primary) 72%, var(--foreground));
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="success"] .speech-status {
|
||||
color: var(--primary);
|
||||
}
|
||||
@@ -166,6 +203,10 @@
|
||||
box-shadow: inset 3px 0 0 color-mix(in oklch, var(--chart-1) 58%, transparent);
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form #utterance[data-speech-stage="partial"] {
|
||||
color: color-mix(in oklch, var(--foreground) 82%, var(--muted-foreground));
|
||||
}
|
||||
|
||||
.console-v2 .v2-request-form .command-composer[data-speech-state="error"] .speech-status {
|
||||
color: var(--destructive);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user