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 (#1814)
Co-authored-by: SleeplessOne1917 <abias1122@gmail.com>
This commit is contained in:
parent
3a89454e82
commit
9ce164245f
2 changed files with 7 additions and 2 deletions
src
|
@ -204,6 +204,11 @@ blockquote {
|
|||
height: 5rem;
|
||||
}
|
||||
|
||||
.mobile-thumbnail-container .thumbnail {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.thumbnail svg {
|
||||
height: 1.25rem;
|
||||
width: 1.25rem;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue