fix(docz-theme-default): text alignment in table thead (#403)

* fix(docz-theme-default): remove text align left * fix(docz): include text align left for thead
doczjs · Oct 27, 2018 · 475eb52 · 475eb52
1 parent 829a3aa
commit 475eb52
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/packages/docz-theme-default/src/components/ui/Table.tsx b/packages/docz-theme-default/src/components/ui/Table.tsx
@@ -32,7 +32,6 @@ const TableStyled = styled('table')`
   }
 
   & thead th {
-    text-align: left;
     font-weight: 400;
     padding: 20px 20px;
 

diff --git a/packages/docz/src/components/PropsTable.tsx b/packages/docz/src/components/PropsTable.tsx
@@ -1,10 +1,20 @@
 import * as React from 'react'
-import { Fragment, SFC, ComponentType } from 'react'
+import { CSSProperties, Fragment, SFC, ComponentType } from 'react'
 import { withMDXComponents } from '@mdx-js/tag/dist/mdx-provider'
 import capitalize from 'capitalize'
 
 import { humanize } from '../utils/humanize-prop'
 
+export interface StylesMap {
+  [s: string]: CSSProperties
+}
+
+const styles: StylesMap = {
+  thead: {
+    textAlign: 'left'
+  },
+}
+
 export interface EnumValue {
   value: string
   computed: boolean
@@ -122,7 +132,7 @@ const BasePropsTable: SFC<PropsTable> = ({ of: component, components }) => {
   return (
     <Fragment>
       <Table className="PropsTable">
-        <Thead>
+        <Thead style={styles.thead}>
           <Tr>
             <Th className="PropsTable--property">Property</Th>
             <Th className="PropsTable--type">Type</Th>