commit
5cc08aaace
@ -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);
|
||||||
|
}
|
||||||
|
@ -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>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -64,6 +64,22 @@
|
|||||||
background-image: var(--img-url), var(--nostrplebs-gradient);
|
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 {
|
.profile .name {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
Loading…
Reference in New Issue
Block a user