salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): simplify prompt recording indicator

Browse Source
This commit is contained in:
Shantur Rathore
2026-03-27 19:45:56 +00:00
parent 864f913e3e
commit 75622ef366
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/components/prompt-input.tsx
View File

@@ -605,7 +605,7 @@ export default function PromptInput(props: PromptInputProps) {
</Show> </Show>
} }
> >
<span class="prompt-voice-timer">{formatVoiceTimer(voiceInput.elapsedMs())}</span> <Mic class="h-4 w-4" aria-hidden="true" />
</Show> </Show>
</button> </button>
</Show> </Show>
@@ -760,10 +760,3 @@ export default function PromptInput(props: PromptInputProps) {
</div> </div>
) )
} }
function formatVoiceTimer(elapsedMs: number): string {
const totalSeconds = Math.max(0, Math.floor(elapsedMs / 1000))
const minutes = Math.floor(totalSeconds / 60)
const seconds = totalSeconds % 60
return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`
}

14
packages/ui/src/styles/messaging/prompt-input.css
View File

@@ -220,6 +220,16 @@
color: var(--button-danger-text, var(--text-inverted, #ffffff)); color: var(--button-danger-text, var(--text-inverted, #ffffff));
} }
.prompt-voice-button.is-recording:hover:not(:disabled) {
background-color: var(--button-danger-hover-bg, rgba(239, 68, 68, 0.9));
color: var(--button-danger-text, var(--text-inverted, #ffffff));
}
.prompt-voice-button.is-recording:active:not(:disabled) {
background-color: var(--button-danger-active-bg, rgba(239, 68, 68, 1));
color: var(--button-danger-text, var(--text-inverted, #ffffff));
}
.prompt-nav-voice-button { .prompt-nav-voice-button {
min-width: 1.75rem; min-width: 1.75rem;
width: 1.75rem; width: 1.75rem;
@@ -228,8 +238,8 @@
} }
.prompt-nav-voice-button.is-recording { .prompt-nav-voice-button.is-recording {
min-width: 3.5rem; min-width: 1.75rem;
width: auto; width: 1.75rem;
} }
.prompt-voice-button:disabled { .prompt-voice-button:disabled {