diff options
| -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; |