style: use Headertext for admin header

main
Josue 4 years ago committed by Tsu-ba-me
parent 5aa9873f44
commit 9cdb9fc0fa
  1. 8
      striker-ui/components/AnvilDrawer.tsx

@ -1,7 +1,7 @@
import { Divider, Drawer, List, ListItem, Box } from '@material-ui/core'; import { Divider, Drawer, List, ListItem, Box } from '@material-ui/core';
import { makeStyles, createStyles } from '@material-ui/core/styles'; import { makeStyles, createStyles } from '@material-ui/core/styles';
import { Dispatch, SetStateAction } from 'react'; import { Dispatch, SetStateAction } from 'react';
import { BodyText } from './Text'; import { BodyText, HeaderText } from './Text';
import { ICONS, ICON_SIZE } from '../lib/consts/ICONS'; import { ICONS, ICON_SIZE } from '../lib/consts/ICONS';
import { DIVIDER } from '../lib/consts/DEFAULT_THEME'; import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
@ -21,8 +21,8 @@ const useStyles = makeStyles(() =>
background: DIVIDER, background: DIVIDER,
}, },
text: { text: {
paddingTop: '0.5em', paddingTop: '.5em',
paddingLeft: '1em', paddingLeft: '1.5em',
}, },
}), }),
); );
@ -40,7 +40,7 @@ const AnvilDrawer = ({ open, setOpen }: DrawerProps): JSX.Element => {
<div role="presentation" className={classes.container}> <div role="presentation" className={classes.container}>
<List className={classes.list}> <List className={classes.list}>
<ListItem button> <ListItem button>
<BodyText text="Admin" /> <HeaderText text="Admin" />
</ListItem> </ListItem>
<Divider className={classes.divider} /> <Divider className={classes.divider} />
{ICONS.map( {ICONS.map(

Loading…
Cancel
Save