misc.

1. make theme toggle button smol 2. add buttonFontSize to styles sheet
gnosis · Nov 19, 2020 · e708808 · e708808
1 parent f56fb65
commit e708808
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/storybook/decorators.tsx b/src/storybook/decorators.tsx
@@ -30,7 +30,7 @@ export const ThemeToggler = (DecoratedStory: () => JSX.Element): JSX.Element =>
       <ThemeProvider theme={theme}>
         <Frame style={{ background: darkMode ? COLOURS.bgDark : COLOURS.bgLight }}>{DecoratedStory()}</Frame>
         {/* Cheeky use of ButtonBase here :P */}
-        <ThemeButton kind={ButtonVariations.theme} onClick={handleDarkMode} mode={darkMode}>
+        <ThemeButton size="small" kind={ButtonVariations.theme} onClick={handleDarkMode} mode={darkMode}>
           <FontAwesomeIcon icon={darkMode ? faSun : faMoon} />
         </ThemeButton>
         <br />

diff --git a/src/styles/styles.ts b/src/styles/styles.ts
@@ -1,4 +1,5 @@
 export default {
   buttonBorder: '0.1rem solid transparent',
   borderRadius: '1.6rem',
+  buttonFontSize: '1rem',
 }