File tree Expand file tree Collapse file tree 1 file changed +30
-0
lines changed Expand file tree Collapse file tree 1 file changed +30
-0
lines changed Original file line number Diff line number Diff line change @@ -13,6 +13,7 @@ import media from '../../lib/styles/media';
13
13
import parse from 'html-react-parser' ;
14
14
import { throttle } from 'throttle-debounce' ;
15
15
import sanitize from 'sanitize-html' ;
16
+ import palette from '../../lib/styles/palette' ;
16
17
17
18
export interface MarkdownRenderProps {
18
19
markdown : string ;
@@ -81,6 +82,35 @@ const MarkdownRenderBlock = styled.div`
81
82
background: none;
82
83
padding: none;
83
84
}
85
+
86
+ table {
87
+ min-width: 40%;
88
+ max-width: 100%;
89
+ border: 1px solid ${ palette . gray7 } ;
90
+ border-collapse: collapse;
91
+ font-size: 0.875rem;
92
+ thead > tr > th {
93
+ /* text-align: left; */
94
+ border-bottom: 4px solid ${ palette . gray7 } ;
95
+ }
96
+ th,
97
+ td {
98
+ word-break: break-word;
99
+ padding: 0.5rem;
100
+ }
101
+
102
+ td + td,
103
+ th + th {
104
+ border-left: 1px solid ${ palette . gray7 } ;
105
+ }
106
+
107
+ tr:nth-child(even) {
108
+ background: ${ palette . gray1 } ;
109
+ }
110
+ tr:nth-child(odd) {
111
+ background: white;
112
+ }
113
+ }
84
114
` ;
85
115
86
116
function filter ( html : string ) {
You can’t perform that action at this time.
0 commit comments