feat(ui-markdown-editor): inline-code BG - #341

Signed-off-by: Devesh <[email protected]>

Author: d-e-v-esh

packages/ui-markdown-editor/src/components/Leaf.js

@@ -1,5 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import styled from 'styled-components';
+
+const Code = styled.code`
+  color: black;
+  border: 1px solid #D3D3D3;
+  background: #ededeb;
+  border-radius: 2.5px;
+  padding: 0px 2px;
+`;
 
 /* eslint no-param-reassign: 0 */
 const Leaf = ({ attributes, children, leaf }) => {
@@ -8,7 +17,7 @@ const Leaf = ({ attributes, children, leaf }) => {
   }
 
   if (leaf.code) {
-    children = <code>{children}</code>;
+    children = <Code>{children}</Code>;
   }
 
   if (leaf.italic) {