diff options
| author | Filip <[email protected]> | 2026-03-02 08:57:34 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-03-02 13:27:34 +0530 |
| commit | bf2cc3aa2f0f0576317d048852d83d45a4724c46 (patch) | |
| tree | 19fb1349fca81579f6c09d6d20294da54cee2048 /packages/ui/src/components/message-part.css | |
| parent | 4b9e19f72f8ebbf05f6b951fd96cf68ba0b23957 (diff) | |
| download | opencode-bf2cc3aa2f0f0576317d048852d83d45a4724c46.tar.gz opencode-bf2cc3aa2f0f0576317d048852d83d45a4724c46.zip | |
feat(app): show which messages are queued (#15587)
Diffstat (limited to 'packages/ui/src/components/message-part.css')
| -rw-r--r-- | packages/ui/src/components/message-part.css | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css index 6727bb22f..c23a16ee1 100644 --- a/packages/ui/src/components/message-part.css +++ b/packages/ui/src/components/message-part.css @@ -46,12 +46,18 @@ overflow: hidden; background: var(--surface-weak); border: 1px solid var(--border-weak-base); - transition: border-color 0.15s ease; + transition: + border-color 0.15s ease, + opacity 0.3s ease; &:hover { border-color: var(--border-strong-base); } + &[data-queued] { + opacity: 0.6; + } + &[data-type="image"] { width: 48px; height: 48px; @@ -101,6 +107,11 @@ border: 1px solid var(--border-weak-base); padding: 8px 12px; border-radius: 6px; + transition: opacity 0.3s ease; + + &[data-queued] { + opacity: 0.6; + } [data-highlight="file"] { color: var(--syntax-property); @@ -113,6 +124,14 @@ max-width: 100%; } + [data-slot="user-message-queued-indicator"] { + margin-top: 6px; + margin-right: 2px; + font-size: var(--font-size-small); + color: var(--text-weak); + user-select: none; + } + [data-slot="user-message-copy-wrapper"] { min-height: 24px; margin-top: 4px; @@ -149,6 +168,7 @@ align-items: center; justify-content: flex-end; overflow: hidden; + gap: 6px; } [data-slot="user-message-meta-tail"] { |