neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style identity bar for dark theme (#3832)

Browse Source
This commit is contained in:
Thibaut Sardan 2020-10-09 15:51:41 +02:00 committed by GitHub
parent 1994e329c4
commit 7ad050c8ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/page-accounts/src/Sidebar/Sidebar.tsx
View File

@ -1,6 +1,8 @@
// Copyright 2017-2020 @polkadot/app-accounts authors & contributors
// SPDX-License-Identifier: Apache-2.0
import { ThemeProps } from '@polkadot/react-components/types';
import React, { useCallback } from 'react';
import styled from 'styled-components';
import { useAccountInfo, useToggle } from '@polkadot/react-hooks';
@ -159,15 +161,15 @@ function FullSidebar ({ address, className = '', onClose, onUpdateName }: Props)
);
}
export default React.memo(styled(FullSidebar)`
export default React.memo(styled(FullSidebar)(({ theme }: ThemeProps) => `
input {
width: auto !important;
}
.ui--AddressMenu-header {
align-items: center;
background: white;
border-bottom: 1px solid #e6e6e6;
background: ${theme.bgTabs};
border-bottom: 1px solid ${theme.borderTable};
display: flex;
flex-direction: column;
justify-content: center;
@ -195,7 +197,7 @@ export default React.memo(styled(FullSidebar)`
.ui--AddressMenu-sectionHeader {
display: inline-flex;
color: #aaa;
color: ${theme.color};
margin-bottom: 0.4rem;
width: 100%;
@ -299,4 +301,4 @@ export default React.memo(styled(FullSidebar)`
}
}
}
`);
`));