fix spacing in notifications
This commit is contained in:
parent
b6aad73aca
commit
6dff4c6815
|
@ -110,7 +110,7 @@ export default function Comment ({ item, children, replyOpen, includeParent, roo
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${itemStyles.children} ${styles.children}`}>
|
<div className={`${styles.children}`}>
|
||||||
{!noReply && !edit && (
|
{!noReply && !edit && (
|
||||||
<div className={`${itemStyles.other} ${styles.reply}`}>
|
<div className={`${itemStyles.other} ${styles.reply}`}>
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -47,6 +47,7 @@
|
||||||
.children {
|
.children {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: .25rem;
|
padding-top: .25rem;
|
||||||
|
margin-left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments {
|
.comments {
|
||||||
|
|
|
@ -37,7 +37,7 @@ export default function Notifications ({ variables, ...props }) {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{n.__typename === 'Votification' && <small className='font-weight-bold text-success ml-2'>your {n.item.title ? 'post' : 'reply'} stacked {n.earnedSats} sats</small>}
|
{n.__typename === 'Votification' && <small className='font-weight-bold text-success ml-2'>your {n.item.title ? 'post' : 'reply'} stacked {n.earnedSats} sats</small>}
|
||||||
<div className={n.__typename === 'Votification' ? 'ml-sm-4 ml-2' : ''}>
|
<div className={n.__typename === 'Votification' ? `ml-sm-4 ml-2 ${n.item.title ? 'pb-2' : ''}` : ''}>
|
||||||
{n.item.title
|
{n.item.title
|
||||||
? <Item item={n.item} />
|
? <Item item={n.item} />
|
||||||
: <Comment item={n.item} noReply includeParent rootText={n.__typename === 'Reply' ? 'replying to you on:' : undefined} clickToContext {...props} />}
|
: <Comment item={n.item} noReply includeParent rootText={n.__typename === 'Reply' ? 'replying to you on:' : undefined} clickToContext {...props} />}
|
||||||
|
|
Loading…
Reference in New Issue