Making comment, post, and message preview a card. Fixes #817

4 years ago · c1dbeb43c9
parent ef2adcc95d
commit c1dbeb43c9
3 changed files with 3 additions and 3 deletions
--- a/ui/src/components/comment-form.tsx
+++ b/ui/src/components/comment-form.tsx
@ -138,7 +138,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
              />
              {this.state.previewMode && (
                <div
-                  className="md-div"
+                  className="card card-body md-div"
                  dangerouslySetInnerHTML={mdToHtml(
                    this.state.commentForm.content
                  )}
--- a/ui/src/components/post-form.tsx
+++ b/ui/src/components/post-form.tsx
@ -284,7 +284,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
              />
              {this.state.previewMode && (
                <div
-                  className="md-div"
+                  className="card card-body md-div"
                  dangerouslySetInnerHTML={mdToHtml(this.state.postForm.body)}
                />
              )}
--- a/ui/src/components/private-message-form.tsx
+++ b/ui/src/components/private-message-form.tsx
@ -154,7 +154,7 @@ export class PrivateMessageForm extends Component<
              />
              {this.state.previewMode && (
                <div
-                  className="md-div"
+                  className="card card-body md-div"
                  dangerouslySetInnerHTML={mdToHtml(
                    this.state.privateMessageForm.content
                  )}