Adding img-fluid to markdown images.

diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx
index 2a39e96c653e57248198935c15b4f5ea26a454ce..6715e9d84092756a4fad3184a6bd29b123c3918a 100644 (file)
--- 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 3e0dd44a78888ae8686e5127975ef340733b7622..ab875041eb2a5e9d90a967ad6206d2a775dc43e7 100644 (file)
--- 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;
+}