fix: cancel button less transparent, remove cancel toast (#12)
- Cancel button background opacity: 0.2 → 0.5 (more visible) - Cancel button text color: gray → white - Remove 'Recording cancelled' toast (visual state change is sufficient) Co-authored-by: opencode-agent <agent@slaid098.dev>
This commit is contained in:
parent
caf9950e52
commit
13cbc2cc83
2 changed files with 3 additions and 4 deletions
|
|
@ -108,7 +108,6 @@ async function cancelRecording(): Promise<void> {
|
||||||
elapsedSeconds = 0;
|
elapsedSeconds = 0;
|
||||||
recorder = null;
|
recorder = null;
|
||||||
ui?.updateState(currentState);
|
ui?.updateState(currentState);
|
||||||
ui?.toast("Recording cancelled");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function promptForApiKey(): void {
|
function promptForApiKey(): void {
|
||||||
|
|
|
||||||
|
|
@ -69,15 +69,15 @@ function createButtonStyle(): string {
|
||||||
height: 28px;
|
height: 28px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: none;
|
border: none;
|
||||||
background: rgba(128, 128, 128, 0.2);
|
background: rgba(128, 128, 128, 0.5);
|
||||||
color: var(--color-text-secondary, #aaa);
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.${CANCEL_CLASS}:hover {
|
.${CANCEL_CLASS}:hover {
|
||||||
background: rgba(128, 128, 128, 0.4);
|
background: rgba(128, 128, 128, 0.7);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.${CANCEL_CLASS}.visible {
|
.${CANCEL_CLASS}.visible {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue