diff options
| author | Jay V <[email protected]> | 2025-06-04 12:44:36 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-04 12:44:36 -0400 |
| commit | 199c42f72648e911a202368513214a88458a95ef (patch) | |
| tree | 67e5df6e947afb560dffa0d5ea31fbd0e4286608 /packages/web/src/components/share.module.css | |
| parent | 32115948219d498cc5c2b27382c343a5ebdb1bd7 (diff) | |
| download | opencode-199c42f72648e911a202368513214a88458a95ef.tar.gz opencode-199c42f72648e911a202368513214a88458a95ef.zip | |
styles share
Diffstat (limited to 'packages/web/src/components/share.module.css')
| -rw-r--r-- | packages/web/src/components/share.module.css | 83 |
1 files changed, 46 insertions, 37 deletions
diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css index a393de49b..8de8953a4 100644 --- a/packages/web/src/components/share.module.css +++ b/packages/web/src/components/share.module.css @@ -64,6 +64,52 @@ align-items: center; justify-content: space-between; gap: 1rem; + + & > div { + display: flex; + flex-direction: column; + gap: 0.5rem; + align-items: flex-end; + + [data-section="date"] { + span { + font-size: 0.875rem; + color: var(--sl-color-text-secondary); + + &[data-placeholder] { + color: var(--sl-color-text-dimmed); + } + } + } + + p[data-section="status"] { + 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="row"] { @@ -82,32 +128,6 @@ -webkit-line-clamp: 2; overflow: hidden; } - 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; @@ -147,17 +167,6 @@ } } } - - [data-section="date"] { - span { - font-size: 0.875rem; - color: var(--sl-color-text); - - &[data-placeholder] { - color: var(--sl-color-text-dimmed); - } - } - } } .parts { |