diff --git a/src/element/NoteReaction.css b/src/element/NoteReaction.css index ecc03962..e5e9ec83 100644 --- a/src/element/NoteReaction.css +++ b/src/element/NoteReaction.css @@ -3,10 +3,10 @@ } .reaction > .note { - margin: 5px; + margin: 10px 20px; border: 1px solid var(--gray); border-radius: 10px; - padding: 5px; + padding: 10px; } .reaction > .header > .pfp { @@ -21,3 +21,8 @@ color: #999; font-size: small; } + +.reaction .reaction-text { + margin-left: .2em; + color: var(--gray-light); +} diff --git a/src/element/NoteReaction.js b/src/element/NoteReaction.js index 8f85a64d..74288505 100644 --- a/src/element/NoteReaction.js +++ b/src/element/NoteReaction.js @@ -40,8 +40,8 @@ export default function NoteReaction(props) { function tagLine() { switch (ev.Kind) { - case EventKind.Reaction: return Reacted with {mapReaction(ev.Content)}; - case EventKind.Repost: return Reposted + case EventKind.Reaction: return reacted with {mapReaction(ev.Content)}; + case EventKind.Repost: return reposted } } diff --git a/src/pages/ProfilePage.css b/src/pages/ProfilePage.css index 22812eee..507cff90 100644 --- a/src/pages/ProfilePage.css +++ b/src/pages/ProfilePage.css @@ -64,6 +64,22 @@ background-image: var(--img-url), var(--nostrplebs-gradient); } +.profile .avatar[data-domain="nostrpurple.com"] { + background-image: var(--img-url), var(--nostrplebs-gradient); +} + +.profile .avatar[data-domain="nostr.fan"] { + background-image: var(--img-url), var(--nostrplebs-gradient); +} + +.profile .avatar[data-domain="nostrich.zone"] { + background-image: var(--img-url), var(--nostrplebs-gradient); +} + +.profile .avatar[data-domain="nostriches.net"] { + background-image: var(--img-url), var(--nostrplebs-gradient); +} + .profile .name { display: flex; flex-direction: column;