diff --git a/src/components/markdown/markdown.module.css b/src/components/markdown/markdown.module.css
index 358d367d..d710f0a2 100644
--- a/src/components/markdown/markdown.module.css
+++ b/src/components/markdown/markdown.module.css
@@ -15,3 +15,11 @@
.markdown ul {
padding-left: 40px;
}
+
+.hrWrapper {
+ padding: 0.5em 0;
+}
+
+.hrWrapper hr {
+ margin: 0;
+}
\ No newline at end of file
diff --git a/src/components/markdown/markdown.tsx b/src/components/markdown/markdown.tsx
index 16592d4d..05885d65 100644
--- a/src/components/markdown/markdown.tsx
+++ b/src/components/markdown/markdown.tsx
@@ -67,6 +67,11 @@ const Markdown = ({ content }: MarkdownProps) => {
video: ({ src }) => {src},
iframe: ({ src }) => {src},
source: ({ src }) => {src},
+ hr: () => (
+
+
+
+ ),
}}
/>
diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index aeeebec7..a518f3d0 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -85,6 +85,10 @@
color: var(--post-menu-button-color-hover);
}
+.postDesktop .postMessage {
+ padding: 1em 40px;
+}
+
@media (max-width: 640px) {
.postDesktop {
display: none;
diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index 316277a2..c33cd6c3 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -62,13 +62,13 @@ const Post = ({ post }: Comment) => {
▶
-
- {content && (
+ {content && (
+
+
+ )}
diff --git a/src/index.css b/src/index.css
index 83a51a55..32cee036 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,7 +7,7 @@ body {
background-color: white;
}
-body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td, iframe {
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td, iframe, blockquote {
margin: 0;
padding: 0;
}