status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Style provider info

This commit is contained in:
Germán Martínez 2019-09-28 20:01:30 +02:00
parent 54e4ecfba6
commit 286d062155
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header/component/Layout.jsx
View File

@ -33,7 +33,7 @@ const styles = () => ({
boxShadow: '0 0 10px 0 rgba(33, 48, 77, 0.1)', boxShadow: '0 0 10px 0 rgba(33, 48, 77, 0.1)',
minWidth: '280px', minWidth: '280px',
borderRadius: '8px', borderRadius: '8px',
marginTop: '12px', marginTop: '11px',
}, },
summary: { summary: {
borderBottom: `solid 2px ${border}`, borderBottom: `solid 2px ${border}`,
@ -42,13 +42,15 @@ const styles = () => ({
boxShadow: '0 2px 4px 0 rgba(212, 212, 211, 0.59)', boxShadow: '0 2px 4px 0 rgba(212, 212, 211, 0.59)',
backgroundColor: 'white', backgroundColor: 'white',
zIndex: 1301, zIndex: 1301,
boxShadow: '0 2px 4px 0 rgba(212, 212, 211, 0.59)',
}, },
logo: { logo: {
padding: `${sm} ${md}`, padding: `${sm} ${md}`,
flexBasis: '95px', flexBasis: '95px',
flexGrow: 0, flexGrow: 0,
}, },
popper: {
zIndex: 2000,
},
}) })
const Layout = openHoc(({ const Layout = openHoc(({
@ -67,7 +69,7 @@ const Layout = openHoc(({
<Spacer /> <Spacer />
<Provider open={open} toggle={toggle} info={providerInfo}> <Provider open={open} toggle={toggle} info={providerInfo}>
{(providerRef) => ( {(providerRef) => (
<Popper open={open} anchorEl={providerRef.current} placement="bottom"> <Popper open={open} anchorEl={providerRef.current} placement="bottom" className={classes.popper}>
{({ TransitionProps }) => ( {({ TransitionProps }) => (
<Grow {...TransitionProps}> <Grow {...TransitionProps}>
<> <>