19 lines
829 B
CSS
19 lines
829 B
CSS
|
.page { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
|
||
|
|
.toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
|
||
|
|
.row {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 72px 1fr auto;
|
||
|
|
gap: 12px;
|
||
|
|
padding: 12px;
|
||
|
|
border: 1px solid var(--border);
|
||
|
|
border-radius: 8px;
|
||
|
|
background: var(--bg);
|
||
|
|
}
|
||
|
|
.rowUnread { border-left: 3px solid var(--accent); }
|
||
|
|
.body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
|
||
|
|
.meta { display: flex; gap: 8px; font-size: 12px; color: var(--muted); }
|
||
|
|
.time { font-variant-numeric: tabular-nums; }
|
||
|
|
.message { margin: 0; font-size: 13px; color: var(--fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||
|
|
.actions { display: flex; align-items: center; }
|
||
|
|
.empty { padding: 48px; text-align: center; color: var(--muted); }
|