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

style: add expand button positioning and styles

Browse Source
This commit is contained in:
bizzkoot
2026-01-11 20:09:13 +08:00
parent 0fefff3b0a
commit 9dde33aba7
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,6 +27,7 @@
flex: 1 1 auto; flex: 1 1 auto;
height: 100%; height: 100%;
min-width: 0; min-width: 0;
transition: height 0.25s ease;
} }
.prompt-input-field { .prompt-input-field {
@@ -105,6 +106,40 @@
cursor: not-allowed; cursor: not-allowed;
} }
.prompt-expand-top {
position: absolute;
top: 0.3rem;
right: 3.5rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.prompt-expand-button {
@apply w-9 h-9 flex items-center justify-center rounded-md;
color: var(--text-muted);
background-color: rgba(15, 23, 42, 0.04);
transition: background-color 0.15s ease, color 0.15s ease;
padding: 0;
}
.prompt-expand-button:hover:not(:disabled) {
background-color: var(--surface-secondary);
color: var(--text-primary);
}
.prompt-expand-button:active:not(:disabled) {
background-color: var(--accent-primary);
color: var(--text-inverted);
transform: scale(0.95);
}
.prompt-expand-button:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.prompt-overlay-text { .prompt-overlay-text {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;