LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2025-01-09 03:31:27 +00:00
Code Issues Projects Releases Wiki Activity

fix: Fix mobile thumbnail being too small (#1814)

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/assets/css/main.css
View file

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

4
src/shared/components/post/post-listing.tsx
View file

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