diff options
| author | Adam <[email protected]> | 2025-10-30 13:49:29 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-30 13:49:29 -0500 |
| commit | dc6e54503cb400ea2533740c9a92d09c8a50d077 (patch) | |
| tree | 7abad7c0275fe646395a2f4f44d90e5f4a48dbe0 /packages/ui/src/components/basic-tool.css | |
| parent | 2a0b67d84f048207d20d952cafa10c430451dc70 (diff) | |
| download | opencode-dc6e54503cb400ea2533740c9a92d09c8a50d077.tar.gz opencode-dc6e54503cb400ea2533740c9a92d09c8a50d077.zip | |
wip: desktop work
Diffstat (limited to 'packages/ui/src/components/basic-tool.css')
| -rw-r--r-- | packages/ui/src/components/basic-tool.css | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/packages/ui/src/components/basic-tool.css b/packages/ui/src/components/basic-tool.css new file mode 100644 index 000000000..f3d9f865f --- /dev/null +++ b/packages/ui/src/components/basic-tool.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); + } +} |