mirror of
https://github.com/trezor/trezor-wallet
synced 2024-12-29 02:18:06 +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`
|
||||
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};
|
||||
`;
|
||||
|
||||
|
@ -10,7 +10,7 @@ import DeviceList from './components/DeviceList';
|
||||
|
||||
import type { Props } from '../common';
|
||||
|
||||
import AsideDivider from '../Divider';
|
||||
import Divider from '../Divider';
|
||||
|
||||
const Wrapper = styled.div``;
|
||||
const ButtonWrapper = styled.div`
|
||||
@ -104,7 +104,7 @@ class DeviceMenu extends PureComponent<Props> {
|
||||
return (
|
||||
<Wrapper>
|
||||
{this.showMenuItems() && <MenuItems device={selectedDevice} {...this.props} />}
|
||||
{this.showDivider() && <AsideDivider textLeft="Other devices" />}
|
||||
{this.showDivider() && <Divider hasBorder textLeft="Other devices" />}
|
||||
<DeviceList
|
||||
devices={devices}
|
||||
selectedDevice={selectedDevice}
|
||||
|
Loading…
Reference in New Issue
Block a user