thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-31 18:02:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add DM composer controls and status placeholders

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2026-01-18 23:38:40 -05:00
1 parent 5307e44682
commit 9547a5b0e8
6 files changed
+150 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+56
View File
@@ -5224,9 +5224,38 @@
}
.dm-message-bubble__status {
color: var(--text-muted);
}
.dm-message-bubble__status[data-status="pending"] {
color: var(--status-warning);
}
.dm-message-bubble__status[data-status="sending"] {
color: var(--status-info);
}
.dm-message-bubble__status[data-status="failed"] {
color: var(--status-danger);
}
.dm-message-thread__new {
align-self: center;
border-radius: var(--radius-full);
border: var(--border-width-hairline) solid var(--border-subtle);
padding: var(--space-2xs) var(--space-sm);
font-size: var(--font-size-2xs);
background: var(--surface-sunken);
color: var(--text-muted);
}
.dm-message-thread__new:hover,
.dm-message-thread__new:focus-visible {
background: var(--surface-overlay-panel-soft);
color: var(--text-primary);
outline: none;
}
.dm-day-divider {
display: grid;
grid-template-columns: 1fr auto 1fr;
@@ -5329,11 +5358,38 @@
gap: var(--space-sm);
}
.dm-composer__tools {
display: flex;
align-items: center;
gap: var(--space-sm);
flex-wrap: wrap;
}
.dm-composer__hint {
font-size: var(--font-size-2xs);
color: var(--text-muted);
}
.dm-composer__attach,
.dm-composer__privacy {
border-radius: var(--radius-md);
border: var(--border-width-hairline) solid var(--border-default);
background: var(--surface-base);
color: var(--text-muted);
padding: var(--space-2xs) var(--space-sm);
font-size: var(--font-size-2xs);
cursor: pointer;
}
.dm-composer__attach:hover,
.dm-composer__attach:focus-visible,
.dm-composer__privacy:hover,
.dm-composer__privacy:focus-visible {
background: var(--surface-overlay-panel-soft);
color: var(--text-primary);
outline: none;
}
.dm-composer__send {
border-radius: var(--radius-md);
border: var(--border-width-hairline) solid var(--border-strong);