From: Dessalines <tyhou13@gmx.com>
Date: Sun, 31 Mar 2019 00:21:50 +0000 (-0700)
Subject: Adding img-fluid to markdown images.
X-Git-Url: http://these/git/?a=commitdiff_plain;h=6138c6193b9a07fd47d1c1982db613a11fcf5a29;p=lemmy.git

Adding img-fluid to markdown images.
---

diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx
index 2a39e96c..6715e9d8 100644
--- a/ui/src/components/create-post.tsx
+++ b/ui/src/components/create-post.tsx
@@ -70,13 +70,13 @@ export class CreatePost extends Component<any, State> {
           <div class="form-group row">
             <label class="col-sm-2 col-form-label">Title</label>
             <div class="col-sm-10">
-              <textarea value={this.state.postForm.name} onInput={linkEvent(this, this.handlePostNameChange)} class="form-control" required rows="3" />
+              <textarea value={this.state.postForm.name} onInput={linkEvent(this, this.handlePostNameChange)} class="form-control" required rows={3} />
             </div>
           </div>
           <div class="form-group row">
             <label class="col-sm-2 col-form-label">Body</label>
             <div class="col-sm-10">
-              <textarea value={this.state.postForm.body} onInput={linkEvent(this, this.handlePostBodyChange)} class="form-control" rows="6" />
+              <textarea value={this.state.postForm.body} onInput={linkEvent(this, this.handlePostBodyChange)} class="form-control" rows={6} />
             </div>
           </div>
           <div class="form-group row">
diff --git a/ui/src/main.css b/ui/src/main.css
index 3e0dd44a..ab875041 100644
--- a/ui/src/main.css
+++ b/ui/src/main.css
@@ -27,3 +27,8 @@ body {
 .md-div p {
   margin-bottom: 0px;
 }
+
+.md-div img {
+  max-width: 100%;
+  height: auto;
+}