rick/rosterchirp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.3.5 avatar alignment fix

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-09 20:58:17 -04:00
parent 1e4dfe5110
commit 0f3983dc93
7 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Message.css
View File

@@ -54,15 +54,17 @@
.message-wrapper {
display: flex;
align-items: flex-end;
align-items: flex-start;
gap: 8px;
padding: 1px 0;
position: relative;
}
.message-wrapper.own { flex-direction: row-reverse; }
.message-wrapper.grouped { margin-top: 1px; }
.message-wrapper:not(.grouped) { margin-top: 8px; }
.message-wrapper.grouped { margin-top: 2px; }
.message-wrapper:not(.grouped) { margin-top: 10px; }
.avatar-spacer { width: 32px; flex-shrink: 0; }
.msg-avatar { flex-shrink: 0; }
@@ -102,7 +104,7 @@
/* Bubble row */
.msg-bubble-wrap {
display: flex;
align-items: flex-end;
align-items: flex-start;
gap: 6px;
}
@@ -254,7 +256,7 @@
gap: 3px;
padding: 3px 8px;
border-radius: 12px;
background: white;
background: var(--surface);
border: 1px solid var(--border);
font-size: 14px;
cursor: pointer;