aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-27 04:34:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

styles share

Browse Source
This commit is contained in:
Jay V
2025-06-04 12:44:36 -04:00
parent 3211594821
commit 199c42f726
2 changed files with 69 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
packages/web/src/components/share.module.css
View File

@@ -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 {