Feliday/Feliday-UI
5
1
Fork 0
Code Issues Pull requests Projects Releases Packages 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">
<article className="row post-container">
{!this.props.viewOnly && (
<div className="col-1">
<div className="col-auto">
<VoteButtons
voteContentType={VoteContentType.Post}
id={this.postView.post.id}
@ -1418,17 +1418,21 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
/>
</div>
)}
<div className="col-sm-2 pe-0 post-media">
<div className="">{this.thumbnail()}</div>
</div>
<div className="col-12 col-sm-9">
{this.postTitleLine()}
{this.createdLine()}
{this.showBodyPreview()}
{this.commentsLine()}
{this.duplicatesLine()}
{this.userActionsLine()}
{this.removeAndBanDialogs()}
<div className="col-sm-10">
<div className="row">
<div className="col-sm-3 col-lg-2 pe-0 post-media">
<div className="">{this.thumbnail()}</div>
</div>
<div className="col-12 col-sm-9 col-lg-10">
{this.postTitleLine()}
{this.createdLine()}
{this.showBodyPreview()}
{this.commentsLine()}
{this.duplicatesLine()}
{this.userActionsLine()}
{this.removeAndBanDialogs()}
</div>
</div>
</div>
</article>
</div>