2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2025-01-08 11:11:24 +00:00

fix: Fix mobile thumbnail being too small ()

Co-authored-by: SleeplessOne1917 <abias1122@gmail.com>
This commit is contained in:
Jay Sitter 2023-07-05 15:31:08 -04:00 committed by GitHub
parent 3a89454e82
commit 9ce164245f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
src
assets/css
shared/components/post

View file

@ -204,6 +204,11 @@ blockquote {
height: 5rem;
}
.mobile-thumbnail-container .thumbnail {
width: 100%;
height: auto;
}
.thumbnail svg {
height: 1.25rem;
width: 1.25rem;

View file

@ -1327,10 +1327,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post = this.postView.post;
return post.thumbnail_url || (post.url && isImage(post.url)) ? (
<div className="row">
<div className={`${this.state.imageExpanded ? "col-12" : "col-8"}`}>
<div className={`${this.state.imageExpanded ? "col-12" : "col-9"}`}>
{this.postTitleLine()}
</div>
<div className="col-4">
<div className="col-3 mobile-thumbnail-container">
{/* Post thumbnail */}
{!this.state.imageExpanded && this.thumbnail()}
</div>