diff options
| author | Jay V <[email protected]> | 2025-06-18 16:14:04 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-18 16:15:22 -0400 |
| commit | 69332e5fa3ae188e5d9965914b021d94ce9d99c4 (patch) | |
| tree | 4b34bc799a03569114a8076fdddd5d808a314a4d /packages | |
| parent | 20201ba3c432c9a9392db3729da42ca136630b25 (diff) | |
| download | opencode-69332e5fa3ae188e5d9965914b021d94ce9d99c4.tar.gz opencode-69332e5fa3ae188e5d9965914b021d94ce9d99c4.zip | |
ignore: share
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/web/src/components/Share.tsx | 18 | ||||
| -rw-r--r-- | packages/web/src/components/share.module.css | 3 |
2 files changed, 12 insertions, 9 deletions
diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx index eca8c2ca9..ec85e4b04 100644 --- a/packages/web/src/components/Share.tsx +++ b/packages/web/src/components/Share.tsx @@ -743,20 +743,22 @@ export default function Share(props: { )} </li> </ul> - <Show when={!data().rootDir}> - <div data-section="info"> - <div data-stat-info-icon> - <IconFolder width={16} height={16} /> - </div> - <span>{data().rootDir}</span> - </div> + <Show when={data().rootDir}> + <ul data-section="stats" data-section-root> + <li> + <div data-stat-icon> + <IconFolder width={16} height={16} /> + </div> + <span>{data().rootDir}</span> + </li> + </ul> </Show> <ul data-section="stats" data-section-models> {Object.values(data().models).length > 0 ? ( <For each={Object.values(data().models)}> {([provider, model]) => ( <li> - <div data-stat-model-icon title={provider}> + <div data-stat-icon title={provider}> <ProviderIcon provider={provider} /> </div> <span data-stat-model>{model}</span> diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css index 94897e7ad..e16cc4111 100644 --- a/packages/web/src/components/share.module.css +++ b/packages/web/src/components/share.module.css @@ -150,11 +150,12 @@ } } + [data-section="stats"][data-section-root], [data-section="stats"][data-section-models] { li { gap: 0.3125rem; - [data-stat-model-icon] { + [data-stat-icon] { flex: 0 0 auto; color: var(--sl-color-text-dimmed); opacity: 0.85; |