diff options
| author | Aiden Cline <[email protected]> | 2025-08-27 18:14:27 -0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-08-27 18:14:27 -0500 |
| commit | 87cf08a9e797958fc54505448b408893f38f2815 (patch) | |
| tree | 838f47a739f569a443f56c29e8990943f76bb461 /packages/web/src | |
| parent | ad8ea82611ff4db6c671f896c9dd127f49bbea2a (diff) | |
| download | opencode-87cf08a9e797958fc54505448b408893f38f2815.tar.gz opencode-87cf08a9e797958fc54505448b408893f38f2815.zip | |
docs: add copy button to user messages too (#2285)
Diffstat (limited to 'packages/web/src')
| -rw-r--r-- | packages/web/src/components/share/content-text.tsx | 2 | ||||
| -rw-r--r-- | packages/web/src/components/share/copy-button.module.css | 1 | ||||
| -rw-r--r-- | packages/web/src/components/share/part.module.css | 6 |
3 files changed, 8 insertions, 1 deletions
diff --git a/packages/web/src/components/share/content-text.tsx b/packages/web/src/components/share/content-text.tsx index c52e0dfcc..5db12a537 100644 --- a/packages/web/src/components/share/content-text.tsx +++ b/packages/web/src/components/share/content-text.tsx @@ -1,6 +1,7 @@ import style from "./content-text.module.css" import { createSignal } from "solid-js" import { createOverflow } from "./common" +import { CopyButton } from "./copy-button" interface Props { text: string @@ -30,6 +31,7 @@ export function ContentText(props: Props) { {expanded() ? "Show less" : "Show more"} </button> )} + <CopyButton text={props.text} /> </div> ) } diff --git a/packages/web/src/components/share/copy-button.module.css b/packages/web/src/components/share/copy-button.module.css index 9da67a1ba..31013fc08 100644 --- a/packages/web/src/components/share/copy-button.module.css +++ b/packages/web/src/components/share/copy-button.module.css @@ -9,7 +9,6 @@ background: none; border: none; padding: 0.125rem; - background-color: var(--sl-color-bg); color: var(--sl-color-text-secondary); svg { diff --git a/packages/web/src/components/share/part.module.css b/packages/web/src/components/share/part.module.css index 85c3cc9b9..45310a0b2 100644 --- a/packages/web/src/components/share/part.module.css +++ b/packages/web/src/components/share/part.module.css @@ -126,6 +126,12 @@ gap: 1rem; flex-grow: 1; max-width: var(--md-tool-width); + position: relative; + + [data-component="copy-button"] { + top: 0.5rem; + right: calc(0.5rem - 1px); + } } [data-component="assistant-reasoning"] { |