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:
Sergey 2026-07-08 10:05:51 +03:00 committed by GitHub
parent caf9950e52
commit 13cbc2cc83
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 4 deletions

View file

@ -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 {

View file

@ -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 {