Header polished

This commit is contained in:
Manoj Vivek 2019-08-23 19:13:26 +05:30
parent d64e7c160d
commit b9c3ced2b4
4 changed files with 8 additions and 6 deletions

View file

@ -44,9 +44,11 @@ class AddressBar extends React.Component<Props> {
onKeyDown={this._handleKeyDown}
onChange={e => this.setState({userTypedAddress: e.target.value})}
/>
<button className={styles.goButton} onClick={this._onChange}>
<GoArrowIcon height={20} color="white" />
</button>
{/*
<button className={styles.goButton} onClick={this._onChange}>
<GoArrowIcon height={20} color="white" />
</button>
*/}
</div>
);
}

View file

@ -5,7 +5,7 @@
.addressInput {
font-size: 16px;
height: 20px;
width: 600px;
width: 100%;
padding: 5px 10px;
border-radius: 20px;
background: unset;

View file

@ -17,7 +17,7 @@ const Header = function() {
<Grid item>
<NavigationControlsContainer />
</Grid>
<Grid item>
<Grid item style={{flex: 1}}>
<AddressBar />
</Grid>
<Grid item>

View file

@ -1,5 +1,5 @@
.header {
width: 100vw;
width: calc(100vw - 75px);
padding-bottom: 10px;
background: #00000042;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35);