1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00

fixed youtube embed margins

This commit is contained in:
Fedor Katurov 2020-04-19 12:53:58 +07:00
parent 60c843701c
commit 776d4a8992
3 changed files with 21 additions and 6 deletions

View file

@ -9,7 +9,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
margin: 0 !important; margin: $gap / 4 0 !important;
&:last-child {
margin-bottom: 0 !important;
}
&:first-child {
margin-top: 0 !important;
}
a { a {
position: absolute; position: absolute;

View file

@ -53,11 +53,13 @@ const CommentContent: FC<IProps> = memo(({ comment, can_edit, onDelete, onEdit }
<Group className={classnames(styles.block, styles.block_text)}> <Group className={classnames(styles.block, styles.block_text)}>
{menu} {menu}
{formatCommentText(path(['user', 'username'], comment), comment.text).map( <Group className={styles.renderers}>
(block, key) => {formatCommentText(path(['user', 'username'], comment), comment.text).map(
COMMENT_BLOCK_RENDERERS[block.type] && (block, key) =>
createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key }) COMMENT_BLOCK_RENDERERS[block.type] &&
)} createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key })
)}
</Group>
<div className={styles.date}>{getPrettyDate(comment.created_at)}</div> <div className={styles.date}>{getPrettyDate(comment.created_at)}</div>
</Group> </Group>

View file

@ -138,3 +138,8 @@
text-align: center; text-align: center;
} }
} }
.renderers {
width: 100%;
margin: 0 !important;
}