Some fixes for mobile view.
This commit is contained in:
parent
6deb41e3d9
commit
a5bfc837ea
1 changed files with 6 additions and 4 deletions
10
ui/src/components/post-listing.tsx
vendored
10
ui/src/components/post-listing.tsx
vendored
|
@ -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">
|
||||||
|
|
Reference in a new issue