diff options
Diffstat (limited to 'uidev/src/app.tsx')
-rw-r--r-- | uidev/src/app.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/uidev/src/app.tsx b/uidev/src/app.tsx index 6a5c578f2..0fd524e34 100644 --- a/uidev/src/app.tsx +++ b/uidev/src/app.tsx | |||
@@ -7,14 +7,20 @@ import injectSheet from 'react-jss'; | |||
7 | 7 | ||
8 | import { WithTheme } from './withTheme'; | 8 | import { WithTheme } from './withTheme'; |
9 | 9 | ||
10 | import './stories/button.stories'; | ||
10 | import './stories/input.stories'; | 11 | import './stories/input.stories'; |
11 | import './stories/toggle.stories'; | 12 | import './stories/toggle.stories'; |
12 | 13 | ||
13 | import { store } from './stores'; | 14 | import { store } from './stores'; |
14 | 15 | ||
16 | import { theme, ThemeType } from '@meetfranz/theme'; | ||
17 | const defaultTheme = theme(ThemeType.default); | ||
18 | |||
15 | const styles = { | 19 | const styles = { |
16 | '@global body': { | 20 | '@global body': { |
17 | margin: 0, | 21 | margin: 0, |
22 | fontSize: defaultTheme.uiFontSize, | ||
23 | fontFamily: '\'Open Sans\', sans-serif', | ||
18 | }, | 24 | }, |
19 | container: { | 25 | container: { |
20 | display: 'flex', | 26 | display: 'flex', |
@@ -24,6 +30,7 @@ const styles = { | |||
24 | width: 300, | 30 | width: 300, |
25 | position: 'fixed' as CSS.PositionProperty, | 31 | position: 'fixed' as CSS.PositionProperty, |
26 | listStyleType: 'none', | 32 | listStyleType: 'none', |
33 | fontSize: 14, | ||
27 | }, | 34 | }, |
28 | storyList: { | 35 | storyList: { |
29 | paddingLeft: 18, | 36 | paddingLeft: 18, |