Infra-Mirrors/lemmy
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-10-01 01:36:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Adding image thumbnails.

Browse Source
This commit is contained in:
Dessalines 2019-04-24 10:26:15 -07:00
parent 897fa78e89
commit fbdb2e410a
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/components/post-listing.tsx
View File

@ -66,6 +66,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div>
</div>
{post.url && isImage(post.url) &&
<a href={post.url} target="_blank"><img class="mx-2 float-left img-fluid thumbnail rounded" src={post.url} /></a>
}
<div className="ml-4">
{post.url
? <div className="mb-0">
@ -86,7 +89,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span>
<span class="pointer ml-2 badge badge-light text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>-</span>
<div>
<img class="img-fluid" src={post.url} />
<a href={post.url} target="_blank"><img class="img-fluid" src={post.url} /></a>
</div>
</span>
}

5
ui/src/css/main.css
View File

@ -95,3 +95,8 @@ blockquote {
.new-comments:hover {
overflow-y: auto;
}
.thumbnail {
max-height: 50px;
max-width: 50px;
}