roland/stream
1
0
Fork 0
forked from Kieran/zap.stream
Code Pull Requests 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
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
2 changed files with 16 additions and 2 deletions
Show Stats 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;
gap: 2px;
border-radius: 8px;
background: #434343;
background: rgba(255, 255, 255, 0.10);
width: fit-content;
}
@ -243,6 +243,18 @@
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 {
font-size: 16px;
line-height: 18px;

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

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