Add inline code (codesandbox#3622)

SaraVieira · siddharthkp · web-flow · commit 30ec24d3471e · 2020-03-05T14:45:32.000+01:00
* replay changes

* fix ts

* add better markdown suppoprt

* fix currentCommentId

* dont show hr

* not allow images in public sandboxes

* final touches inlinecode

* Revert index.md

Co-authored-by: Siddharth Kshetrapal &lt;siddharth.kshetrapal@gmail.com&gt;
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/Comment.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/Comment.tsx
@@ -56,12 +56,12 @@ export const Comment = ({ source }) => {
         source={source}
         renderers={{
           text: ({ children }) => (
-            <Text variant="muted" size={13}>
+            <Text variant="muted" size={3}>
               {children}
             </Text>
           ),
           heading: ({ children }) => (
-            <Text block variant="muted" size={13}>
+            <Text block variant="muted" size={3}>
               {children}
             </Text>
           ),
@@ -74,9 +74,19 @@ export const Comment = ({ source }) => {
           inlineCode: props => (
             <Element
               as="span"
-              css={css({ backgroundColor: 'mutedForeground' })}
+              css={css({
+                backgroundColor: 'grays.200',
+                paddingX: '2px',
+                borderRadius: 'small',
+              })}
             >
-              <Text variant="danger" as="code">
+              <Text
+                css={css({
+                  color: 'reds.500',
+                })}
+                size={3}
+                as="code"
+              >
                 {props.children}
               </Text>
             </Element>
