From f3da73553c45f17e04b1e77cb13eb0fca714d1bd Mon Sep 17 00:00:00 2001 From: Dax Raad Date: Fri, 30 May 2025 20:47:56 -0400 Subject: sync --- app/packages/web/src/components/share.module.css | 326 ----------------------- 1 file changed, 326 deletions(-) delete mode 100644 app/packages/web/src/components/share.module.css (limited to 'app/packages/web/src/components/share.module.css') diff --git a/app/packages/web/src/components/share.module.css b/app/packages/web/src/components/share.module.css deleted file mode 100644 index 5d1dab1bf..000000000 --- a/app/packages/web/src/components/share.module.css +++ /dev/null @@ -1,326 +0,0 @@ -.root { - padding-top: 0.5rem; - display: flex; - flex-direction: column; - gap: 2.5rem; - line-height: 1; -} - -[data-element-button-text] { - cursor: pointer; - appearance: none; - background-color: transparent; - border: none; - padding: 0; - color: var(--sl-color-text-secondary); - - &:hover { - color: var(--sl-color-text); - } -} - -[data-element-button-text] { - cursor: pointer; - appearance: none; - background-color: transparent; - border: none; - padding: 0; - color: var(--sl-color-text-secondary); - - &:hover { - color: var(--sl-color-text); - } - - &[data-element-button-more] { - display: flex; - align-items: center; - gap: 0.125rem; - - span[data-button-icon] { - line-height: 1; - opacity: 0.85; - svg { - display: block; - } - } - } -} - -[data-element-label] { - text-transform: uppercase; - letter-spacing: 0.05em; - color: var(--sl-color-text-dimmed); -} - -.header { - display: flex; - flex-direction: column; - gap: 0.75rem; - - [data-section="title"] { - display: flex; - align-items: center; - justify-content: space-between; - } - - [data-section="row"] { - display: flex; - flex-direction: column; - gap: 0.375rem; - } - - h1 { - font-size: 1.75rem; - font-weight: 500; - line-height: 1.125; - letter-spacing: -0.05em; - } - p { - flex: 0 0 auto; - display: flex; - gap: 0.375rem; - font-size: 0.75rem; - - span:first-child { - color: var(--sl-color-divider); - - &[data-status="connected"] { color: var(--sl-color-green); } - &[data-status="connecting"] { color: var(--sl-color-orange); } - &[data-status="disconnected"] { color: var(--sl-color-divider); } - &[data-status="reconnecting"] { color: var(--sl-color-orange); } - &[data-status="error"] { color: var(--sl-color-red); } - } - } - - [data-section="stats"] { - list-style-type: none; - padding: 0; - margin: 0; - display: flex; - gap: 1rem; - - li { - display: flex; - align-items: center; - gap: 0.5rem; - font-size: 0.875rem; - - span[data-placeholder] { - color: var(--sl-color-text-dimmed); - } - } - } - - [data-section="stats"][data-section-models] { - li { - gap: 0.3125rem; - - [data-stat-model-icon] { - flex: 0 0 auto; - color: var(--sl-color-text-dimmed); - opacity: 0.85; - svg { - display: block; - } - } - - span[data-stat-model] { - color: var(sl-color-text); - } - } - } - - [data-section="date"] { - span { - font-size: 0.875rem; - color: var(--sl-color-text); - - &[data-placeholder] { - color: var(--sl-color-text-dimmed); - } - } - } -} - -.parts { - display: flex; - flex-direction: column; - gap: 0.625rem; - - [data-section="part"] { - display: flex; - gap: 0.625rem; - } - - [data-section="decoration"] { - flex: 0 0 auto; - display: flex; - flex-direction: column; - gap: 0.625rem; - align-items: center; - justify-content: flex-start; - - div:first-child { - flex: 0 0 auto; - width: 18px; - svg { - color: var(--sl-color-text-secondary); - display: block; - } - } - - div:last-child { - width: 3px; - height: 100%; - border-radius: 1px; - background-color: var(--sl-color-hairline); - } - } - - [data-section="content"] { - padding: 0 0 0.375rem; - display: flex; - flex-direction: column; - gap: 1rem; - - [data-part-tool-body] { - display: flex; - flex-direction: column; - gap: 0.375rem; - } - - span[data-part-title] { - line-height: 18px; - font-size: 0.75rem; - - &[data-size="md"] { - font-size: 0.875rem; - } - } - - span[data-part-footer] { - align-self: flex-start; - font-size: 0.75rem; - color: var(--sl-color-text-dimmed); - } - - span[data-part-model] { - line-height: 1.5; - } - - [data-part-tool-args] { - display: inline-grid; - align-items: center; - grid-template-columns: max-content max-content minmax(0, 1fr); - max-width: 100%; - gap: 0.25rem 0.375rem; - - - & > div:nth-child(3n+1) { - width: 8px; - height: 2px; - border-radius: 1px; - background: var(--sl-color-divider); - } - - & > div:nth-child(3n+2), - & > div:nth-child(3n+3) { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size: 0.75rem; - line-height: 1.5; - } - - & > div:nth-child(3n+3) { - padding-left: 0.125rem; - color: var(--sl-color-text-dimmed); - } - } - - [data-part-tool-result] { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 0.5rem; - - button { - font-size: 0.75rem; - } - } - } -} - -[data-element-message-text] { - background-color: var(--sl-color-bg-surface); - padding: 0.5rem calc(0.5rem + 3px); - border-radius: 0.25rem; - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 1rem; - - pre { - line-height: 1.5; - font-size: 0.875rem; - white-space: pre-wrap; - overflow-wrap: anywhere; - color: var(--sl-color-text); - } - - &[data-size="sm"] { - pre { - font-size: 0.75rem; - } - } - - &[data-color="dimmed"] { - pre { - color: var(--sl-color-text-dimmed); - } - } - - button { - flex: 0 0 auto; - padding: 2px 0; - font-size: 0.75rem; - } - - &[data-highlight="true"] { - background-color: var(--sl-color-blue-high); - - pre { - color: var(--sl-color-text-invert); - } - - button { - opacity: 0.85; - color: var(--sl-color-text-invert); - - &:hover { - opacity: 1; - } - } - } - - &[data-expanded="true"] { - pre { - display: block; - } - } - &[data-expanded="false"] { - pre { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; - overflow: hidden; - } - } -} - -.code-block { - pre { - line-height: 1.25; - font-size: 0.75rem; - } -} -- cgit v1.2.3