diff options
| author | Adam <[email protected]> | 2025-10-30 07:26:06 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-30 12:02:49 -0500 |
| commit | 30f4c2cf4c6c01339434c617fb9d930f6e960883 (patch) | |
| tree | db5da342a227724e11609e05f9e3c1fd6e2e7741 /packages/ui/src/components/tool-display.css | |
| parent | 3541fdcb2019676fb82351e909a8e9b740cb8237 (diff) | |
| download | opencode-30f4c2cf4c6c01339434c617fb9d930f6e960883.tar.gz opencode-30f4c2cf4c6c01339434c617fb9d930f6e960883.zip | |
wip: desktop work
Diffstat (limited to 'packages/ui/src/components/tool-display.css')
| -rw-r--r-- | packages/ui/src/components/tool-display.css | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/packages/ui/src/components/tool-display.css b/packages/ui/src/components/tool-display.css new file mode 100644 index 000000000..f3d9f865f --- /dev/null +++ b/packages/ui/src/components/tool-display.css @@ -0,0 +1,76 @@ +[data-component="tool-trigger"] { + width: 100%; + display: flex; + align-items: center; + align-self: stretch; + gap: 20px; + justify-content: space-between; + + [data-slot="tool-trigger-content"] { + width: 100%; + display: flex; + align-items: center; + align-self: stretch; + gap: 20px; + } + + [data-slot="tool-icon"] { + flex-shrink: 0; + } + + [data-slot="tool-info"] { + flex-grow: 1; + min-width: 0; + } + + [data-slot="tool-info-structured"] { + width: 100%; + display: flex; + align-items: center; + gap: 8px; + justify-content: space-between; + } + + [data-slot="tool-info-main"] { + display: flex; + align-items: center; + gap: 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + [data-slot="tool-title"] { + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-style: normal; + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-base); + + &.capitalize { + text-transform: capitalize; + } + } + + [data-slot="tool-subtitle"] { + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-style: normal; + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-weak); + } + + [data-slot="tool-arg"] { + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-style: normal; + font-weight: var(--font-weight-regular); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-weak); + } +} |