fix: reaction tweaks

This commit is contained in:
Alejandro Gomez
2023-01-15 01:41:46 +01:00
parent 6ac44786af
commit 615fc9fcfa
2 changed files with 9 additions and 4 deletions

View File

@ -3,10 +3,10 @@
} }
.reaction > .note { .reaction > .note {
margin: 5px; margin: 10px 20px;
border: 1px solid var(--gray); border: 1px solid var(--gray);
border-radius: 10px; border-radius: 10px;
padding: 5px; padding: 10px;
} }
.reaction > .header > .pfp { .reaction > .header > .pfp {
@ -21,3 +21,8 @@
color: #999; color: #999;
font-size: small; font-size: small;
} }
.reaction .reaction-text {
margin-left: .2em;
color: var(--gray-light);
}

View File

@ -40,8 +40,8 @@ export default function NoteReaction(props) {
function tagLine() { function tagLine() {
switch (ev.Kind) { switch (ev.Kind) {
case EventKind.Reaction: return <small>Reacted with {mapReaction(ev.Content)}</small>; case EventKind.Reaction: return <small className="reaction-text">reacted with {mapReaction(ev.Content)}</small>;
case EventKind.Repost: return <small> Reposted</small> case EventKind.Repost: return <small className="reaction-text">reposted</small>
} }
} }