1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-31 19:30:53 +00:00

improved styling of device menu

This commit is contained in:
slowbackspace 2019-01-19 23:05:16 +01:00
parent 34654f9a50
commit 454410fd5c
2 changed files with 3 additions and 3 deletions

View File

@ -9,7 +9,7 @@ import { FONT_SIZE } from 'config/variables';
const Wrapper = styled.div` const Wrapper = styled.div`
padding: 0px 24px 8px 19px; padding: 0px 24px 8px 19px;
border-bottom: 1px solid ${colors.DIVIDER}; box-shadow: 0 3px 8px rgba(0,0,0,0.06);
background: ${colors.WHITE}; background: ${colors.WHITE};
`; `;

View File

@ -10,7 +10,7 @@ import DeviceList from './components/DeviceList';
import type { Props } from '../common'; import type { Props } from '../common';
import AsideDivider from '../Divider'; import Divider from '../Divider';
const Wrapper = styled.div``; const Wrapper = styled.div``;
const ButtonWrapper = styled.div` const ButtonWrapper = styled.div`
@ -104,7 +104,7 @@ class DeviceMenu extends PureComponent<Props> {
return ( return (
<Wrapper> <Wrapper>
{this.showMenuItems() && <MenuItems device={selectedDevice} {...this.props} />} {this.showMenuItems() && <MenuItems device={selectedDevice} {...this.props} />}
{this.showDivider() && <AsideDivider textLeft="Other devices" />} {this.showDivider() && <Divider hasBorder textLeft="Other devices" />}
<DeviceList <DeviceList
devices={devices} devices={devices}
selectedDevice={selectedDevice} selectedDevice={selectedDevice}