Some fixes for mobile view.

This commit is contained in:
Dessalines 2020-02-29 21:04:42 -05:00
parent 6deb41e3d9
commit a5bfc837ea

View file

@ -249,7 +249,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<use xlinkHref="#icon-arrow-up"></use> <use xlinkHref="#icon-arrow-up"></use>
</svg> </svg>
</button> </button>
<div class={`font-weight-bold text-muted`}>{this.state.score}</div> <div class={`font-weight-bold text-muted px-1`}>
{this.state.score}
</div>
{WebSocketService.Instance.site.enable_downvotes && ( {WebSocketService.Instance.site.enable_downvotes && (
<button <button
className={`vote-animate btn btn-link p-0 ${ className={`vote-animate btn btn-link p-0 ${
@ -264,7 +266,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
)} )}
</div> </div>
{!this.state.imageExpanded && ( {!this.state.imageExpanded && (
<div class="col-2 pr-0 mt-1"> <div class="col-11 col-sm-2 pr-0 mt-1">
<div class="position-relative">{this.thumbnail()}</div> <div class="position-relative">{this.thumbnail()}</div>
</div> </div>
)} )}
@ -274,14 +276,14 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
muted muted
loop loop
controls controls
class="col-2 pr-0 mt-1" class="col-11 col-sm-2 pr-0 mt-1"
height="100" height="100"
width="150" width="150"
> >
<source src={this.state.url} type="video/mp4" /> <source src={this.state.url} type="video/mp4" />
</video> </video>
)} )}
<div class="col-9"> <div class="col-12 col-sm-9">
<div class="row"> <div class="row">
<div className="col-12"> <div className="col-12">
<div className="post-title"> <div className="post-title">