mirror of
https://github.com/responsively-org/responsively-app
synced 2024-11-10 14:54:12 +00:00
Header polished
This commit is contained in:
parent
d64e7c160d
commit
b9c3ced2b4
4 changed files with 8 additions and 6 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
.addressInput {
|
||||
font-size: 16px;
|
||||
height: 20px;
|
||||
width: 600px;
|
||||
width: 100%;
|
||||
padding: 5px 10px;
|
||||
border-radius: 20px;
|
||||
background: unset;
|
||||
|
|
|
@ -17,7 +17,7 @@ const Header = function() {
|
|||
<Grid item>
|
||||
<NavigationControlsContainer />
|
||||
</Grid>
|
||||
<Grid item>
|
||||
<Grid item style={{flex: 1}}>
|
||||
<AddressBar />
|
||||
</Grid>
|
||||
<Grid item>
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue