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

better image thumbs on comments

Browse source
This commit is contained in:
Fedor Katurov 2019-10-09 19:40:17 +07:00
parent 4ed2957cb4
commit a6434399ba
4 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/node/Comment/index.tsx
View file

@ -27,7 +27,9 @@ const Comment: FC<IProps> = ({ comment, is_empty, is_loading, className, photo,
{comment.files && comment.files.length > 0 && (
<div className={styles.images}>
{comment.files.map(file => (
<ImageUpload thumb={getURL(file.url)} />
<div>
<img src={getURL(file.url)} />
</div>
))}
</div>
)}

11
src/components/node/Comment/styles.scss
View file

@ -7,9 +7,14 @@
}
}
@import 'flexbin/flexbin.scss';
.images {
padding: 10px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
column-gap: $grid_line;
@include flexbin(150px, 10px);
img {
border-radius: 4px;
}
}