summaryrefslogtreecommitdiffstats
path: root/ui/src/components/post-listing.tsx
diff options
context:
space:
mode:
authorDessalines <tyhou13@gmx.com>2020-03-02 10:48:06 -0500
committerDessalines <tyhou13@gmx.com>2020-03-02 10:48:06 -0500
commit0bf4a6a6b515a3326dd12b9eb8063eea7988aaec (patch)
treef7aff3b67e3c3bdf5594158dc8524e9e36566974 /ui/src/components/post-listing.tsx
parentaff1ed95e9dc1ec517a118475a2b69bb295eab76 (diff)
Fix image expand width on mobile.
Diffstat (limited to 'ui/src/components/post-listing.tsx')
-rw-r--r--ui/src/components/post-listing.tsx4
1 files changed, 3 insertions, 1 deletions
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index fe4e6519..732664e8 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -285,7 +285,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<source src={this.state.url} type="video/mp4" />
</video>
)}
- <div class="col-8 col-sm-9">
+ <div
+ class={`${this.state.imageExpanded ? 'col-12' : 'col-8 col-sm-9'}`}
+ >
<div class="row">
<div className="col-12">
<div className="post-title">