Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: bg color

Browse Source
This commit is contained in:
Alejandro Gomez
2023-07-03 10:08:53 +02:00
parent 2e5ab68c85
commit 12ae084a9f
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/element/live-chat.css
View File

@ -226,7 +226,7 @@
justify-content: center; justify-content: center;
gap: 2px; gap: 2px;
border-radius: 8px; border-radius: 8px;
background: #434343; background: rgba(255, 255, 255, 0.10);
width: fit-content; width: fit-content;
} }
@ -243,6 +243,18 @@
margin-top: 4px; margin-top: 4px;
} }
.message-reaction-container {
display: flex;
width: 24px;
height: 24px;
padding: 0px 4px;
justify-content: center;
align-items: center;
gap: 2px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.10);
}
.message-reaction { .message-reaction {
font-size: 16px; font-size: 16px;
line-height: 18px; line-height: 18px;

4
src/element/live-chat.tsx
View File

@ -216,7 +216,9 @@ function ChatMessage({
</div> </div>
)} )}
{emojis.map((e) => ( {emojis.map((e) => (
<span className="message-reaction">{e}</span> <div className="message-reaction-container">
<span className="message-reaction">{e}</span>
</div>
))} ))}
</div> </div>
)} )}