Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
parity
fether
Commits
eaa1128d
Commit
eaa1128d
authored
Jan 22, 2019
by
Luke Schoen
Browse files
fix: Align account identicon and address in center
parent
49868d9f
Changes
5
Hide whitespace changes
Inline
Side-by-side
packages/fether-react/src/Accounts/AccountsList/AccountsList.js
View file @
eaa1128d
...
...
@@ -54,7 +54,6 @@ class AccountsList extends Component {
onClick
=
{
this
.
handleCreateAccount
}
/
>
}
screen
=
'
accounts
'
title
=
{
<
h1
>
Accounts
<
/h1>
}
/>
...
...
packages/fether-react/src/assets/sass/components/_account.scss
View file @
eaa1128d
.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 */
}
...
...
packages/fether-react/src/assets/sass/components/_header-nav.scss
View file @
eaa1128d
...
...
@@ -29,10 +29,6 @@
justify-content
:
center
;
z-index
:
2
;
&
.-header-tokens
{
justify-content
:
left
;
/* account info horizontal alignment */
}
a
,
a
:link
,
a
:visited
,
...
...
packages/fether-ui/src/AccountHeader/AccountHeader.js
View file @
eaa1128d
...
...
@@ -35,7 +35,6 @@ export const AccountHeader = ({
return
(
<
div
>
<
Header
screen
=
'
tokens
'
title
=
{
address
&&
name
&&
...
...
packages/fether-ui/src/Header/Header.js
View file @
eaa1128d
...
...
@@ -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
])
};
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment