Commit eaa1128d authored by Luke Schoen's avatar Luke Schoen
Browse files

fix: Align account identicon and address in center

parent 49868d9f
......@@ -54,7 +54,6 @@ class AccountsList extends Component {
onClick={this.handleCreateAccount}
/>
}
screen='accounts'
title={<h1>Accounts</h1>}
/>
......
.account {
display: flex;
display: flex !important;
&.-header {
display: flex !important;
align-items: center;
justify-content: center;
width: 16rem;
}
.account_avatar {
......@@ -25,7 +25,6 @@
}
.account_information {
width: 14rem; /* click to copy area stretched */
padding-left: 0.325rem; /* gap from avatar */
}
......
......@@ -29,10 +29,6 @@
justify-content: center;
z-index: 2;
&.-header-tokens {
justify-content: left; /* account info horizontal alignment */
}
a,
a:link,
a:visited,
......
......@@ -35,7 +35,6 @@ export const AccountHeader = ({
return (
<div>
<Header
screen='tokens'
title={
address &&
name &&
......
......@@ -8,10 +8,10 @@ import PropTypes from 'prop-types';
import { Placeholder } from '../Placeholder';
export const Header = ({ left, right, screen, title }) => (
export const Header = ({ left, right, title }) => (
<div className='header-nav'>
<div className='header-nav header-nav_left'>{left}</div>
<div className={`header-nav header-nav_title -header-${screen}`}>
<div className='header-nav header-nav_title'>
{title || <Placeholder height={24} width={150} />}
</div>
<div className='header-nav header-nav_right'>{right}</div>
......@@ -21,6 +21,5 @@ export const Header = ({ left, right, screen, title }) => (
Header.propTypes = {
left: PropTypes.node,
right: PropTypes.node,
screen: PropTypes.string,
title: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
};
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment