muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00
Code Packages Activity Actions

fixed paddings

Browse source
This commit is contained in:
Fedor Katurov 2019-12-03 12:30:40 +07:00
parent aed888e894
commit ab898cc40c
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/node/CommentContent/index.tsx
View file

@ -50,8 +50,9 @@ const CommentContent: FC<IProps> = memo(({ comment, can_edit, onDelete }) => {
return ( return (
<div className={styles.wrap}> <div className={styles.wrap}>
{comment.text && ( {comment.text && (
<Group className={styles.block}> <Group className={classnames(styles.block, styles.block_text)}>
{lock} {lock}
{formatCommentText(path(['user', 'username'], comment), comment.text).map( {formatCommentText(path(['user', 'username'], comment), comment.text).map(
(block, key) => (block, key) =>
COMMENT_BLOCK_RENDERERS[block.type] && COMMENT_BLOCK_RENDERERS[block.type] &&
@ -64,6 +65,8 @@ const CommentContent: FC<IProps> = memo(({ comment, can_edit, onDelete }) => {
{groupped.image && groupped.image.length > 0 && ( {groupped.image && groupped.image.length > 0 && (
<div className={classnames(styles.block, styles.block_image)}> <div className={classnames(styles.block, styles.block_image)}>
{lock}
<div className={styles.images}> <div className={styles.images}>
{groupped.image.map(file => ( {groupped.image.map(file => (
<div key={file.id}> <div key={file.id}>

6
src/components/node/CommentContent/styles.scss
View file

@ -57,7 +57,7 @@
padding-bottom: 10px; padding-bottom: 10px;
box-sizing: border-box; box-sizing: border-box;
flex-direction: column; flex-direction: column;
padding: $gap 0; // padding: $gap 0;
&:first-child { &:first-child {
border-top-right-radius: $radius; border-top-right-radius: $radius;
@ -93,6 +93,10 @@
} }
} }
.block_text {
padding: $gap 0;
}
.date { .date {
position: absolute; position: absolute;
bottom: 0; bottom: 0;