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

add stop control to prompt input

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-06 23:05:38 +00:00
parent 1fbf51b7ae
commit de432106e5
3 changed files with 116 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,7 +6,15 @@
}
.prompt-input-wrapper {
@apply flex items-end gap-2 p-3;
@apply flex items-stretch gap-2 p-2;
}
.prompt-input-actions {
@apply flex flex-col items-center justify-between;
align-self: stretch;
height: 100%;
padding: 0.25rem 0;
gap: 0.5rem;
}
.prompt-input-field {
@@ -14,14 +22,15 @@
width: 100%;
}
.prompt-input {
@apply flex-1 w-full min-h-[56px] max-h-[96px] px-3 pt-2.5 pb-12 border rounded-md text-sm resize-none outline-none transition-colors;
font-family: inherit;
background-color: var(--surface-base);
color: inherit;
border-color: var(--border-base);
line-height: var(--line-height-normal);
}
.prompt-input {
@apply flex-1 w-full min-h-[56px] max-h-[96px] px-3 pt-2.5 pb-4 border rounded-md text-sm resize-none outline-none transition-colors;
font-family: inherit;
background-color: var(--surface-base);
color: inherit;
border-color: var(--border-base);
line-height: var(--line-height-normal);
}
.prompt-input-overlay {
position: absolute;
@@ -84,6 +93,31 @@
color: var(--text-muted);
}
.stop-button {
@apply w-10 h-10 rounded-md border-none cursor-pointer flex items-center justify-center transition-all flex-shrink-0;
background-color: rgba(239, 68, 68, 0.85);
color: var(--text-inverted);
}
.stop-button:hover:not(:disabled) {
background-color: rgba(239, 68, 68, 0.9);
@apply opacity-95 scale-105;
}
.stop-button:active:not(:disabled) {
background-color: rgba(239, 68, 68, 1);
@apply scale-95;
}
.stop-button:disabled {
@apply opacity-60 cursor-not-allowed;
}
.stop-icon {
width: 1rem;
height: 1rem;
}
.send-button {
@apply w-10 h-10 rounded-md border-none cursor-pointer flex items-center justify-center transition-all flex-shrink-0;
background-color: var(--accent-primary);