aboutsummaryrefslogtreecommitdiff
path: root/vnext/src
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2017-12-20 15:29:25 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:52 +0300
commitf0831b2f9e5276fd6135f451697e4e1a12df44d7 (patch)
treea948c7dafd6b8ea19f2143c80e0b5c383a8aa210 /vnext/src
parentaaa6a3a3e3d6c73139fd44498e034c1460ecfcae (diff)
react-markdown
Diffstat (limited to 'vnext/src')
-rw-r--r--vnext/src/components/Message.js3
-rw-r--r--vnext/src/style/main.css4
2 files changed, 4 insertions, 3 deletions
diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js
index cf287ce9..ba853f5c 100644
--- a/vnext/src/components/Message.js
+++ b/vnext/src/components/Message.js
@@ -1,5 +1,6 @@
import React from 'react'
import PropTypes from 'prop-types'
+import ReactMarkdown from 'react-markdown'
export default class Message extends React.Component {
render() {
@@ -25,7 +26,7 @@ export default class Message extends React.Component {
<Tags data={msg.tags || []} />
</div>
</header>
- <p>{msg.body}</p>
+ <ReactMarkdown source={msg.body}/>
{ msg.photo &&
<p className="ir"><a href={`//i.juick.com/p/${msg.mid}.${msg.attach}`} data-fname={`${msg.mid}.${msg.attach}`}>
<img itemProp="image" src={`//i.juick.com/p/${msg.mid}.${msg.attach}`} alt=""/></a>
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 080a179e..c09d7e88 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -537,8 +537,8 @@ q:before,
q:after {
content: "";
}
-q {
- border-left: 1px dashed #CCC;
+q, blockquote {
+ border-left: 3px solid #CCC;
color: #666;
display: block;
margin: 10px 0 10px 10px;