chore(docz-theme-default): add border radius for render and table

doczjs · May 25, 2018 · 0dcaefb · 0dcaefb
1 parent 7147ac1
commit 0dcaefb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/docz-theme-default/src/components/ui/Render.tsx b/packages/docz-theme-default/src/components/ui/Render.tsx
@@ -7,12 +7,19 @@ const Playground = styled('div')`
   background: transparent;
   border: 1px solid ${p => p.theme.colors.border};
   border-bottom: 0;
+  border-radius: 5px 5px 0 0;
   ${p => p.theme.styles.playground};
 `
 
+const Code = styled('div')`
+  pre {
+    border-radius: 0 0 5px 5px;
+  }
+`
+
 export const Render: RenderComponent = ({ component, code }) => (
   <Fragment>
     <Playground>{component}</Playground>
-    {code}
+    <Code>{code}</Code>
   </Fragment>
 )
diff --git a/packages/docz-theme-default/src/components/ui/Table.tsx b/packages/docz-theme-default/src/components/ui/Table.tsx
@@ -11,6 +11,7 @@ export const Table = styled('table')`
   border-spacing: 0;
   border-collapse: collapse;
   border-style: hidden;
+  border-radius: 5px;
   font-size: 14px;
   color: ${p => p.theme.colors.grayDark};