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:
parent
34654f9a50
commit
454410fd5c
@ -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};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
@ -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}
|
||||||
|
Loading…
Reference in New Issue
Block a user