LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-01 10:09:56 +00:00
Code Issues Projects Releases Wiki Activity

fix: Fix post listing vote/image/title widths

Browse source
This commit is contained in:
Jay Sitter 2023-06-25 20:00:43 -04:00
parent a90c34eb7f
commit 271425b963
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1407,7 +1407,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<div className="d-none d-sm-block"> <div className="d-none d-sm-block">
<article className="row post-container"> <article className="row post-container">
{!this.props.viewOnly && ( {!this.props.viewOnly && (
<div className="col-1"> <div className="col-auto">
<VoteButtons <VoteButtons
voteContentType={VoteContentType.Post} voteContentType={VoteContentType.Post}
id={this.postView.post.id} id={this.postView.post.id}
@ -1418,17 +1418,21 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
/> />
</div> </div>
)} )}
<div className="col-sm-2 pe-0 post-media"> <div className="col-sm-10">
<div className="">{this.thumbnail()}</div> <div className="row">
</div> <div className="col-sm-3 col-lg-2 pe-0 post-media">
<div className="col-12 col-sm-9"> <div className="">{this.thumbnail()}</div>
{this.postTitleLine()} </div>
{this.createdLine()} <div className="col-12 col-sm-9 col-lg-10">
{this.showBodyPreview()} {this.postTitleLine()}
{this.commentsLine()} {this.createdLine()}
{this.duplicatesLine()} {this.showBodyPreview()}
{this.userActionsLine()} {this.commentsLine()}
{this.removeAndBanDialogs()} {this.duplicatesLine()}
{this.userActionsLine()}
{this.removeAndBanDialogs()}
</div>
</div>
</div> </div>
</article> </article>
</div> </div>