status-im/ETHReport
2
0
Fork 0
mirror of https://github.com/status-im/ETHReport.git synced 2025-02-03 18:13:59 +00:00
Code Issues Projects Releases Wiki Activity

Updating search bar

Browse Source
This commit is contained in:
Sharyn 2018-07-17 15:07:07 +02:00
parent bd7a3d5b14
commit 6d8c434848
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/searchBar/index.js
View File

@ -8,12 +8,12 @@ const { publicRuntimeConfig } = getConfig();
const SearchBar = props => (
<div className="search-bar" style={{ backgroundImage: `url(${publicRuntimeConfig.subDirPath}/static/img/header-bg.jpg)` }}>
<div className="container">
<h3>Browse</h3>
<h3>Archives</h3>
<form className="search-form">
<input
className="search-input"
type="search"
placeholder="Search archives"
placeholder="Search"
value={props.term}
onChange={props.onSearchInputChange}
/>

6
components/searchBar/style.scss
View File

@ -14,7 +14,6 @@
font-size: calculateRem(40);
color: $red;
letter-spacing: 4px;
text-align: center;
line-height: 1.1;
@media (min-width: $desktop) {
@ -31,8 +30,9 @@
.search-input {
width: 100%;
height: calculateRem(48);
border: 5px solid #efefef;
height: calculateRem(44);
border: 0;
box-shadow: 0 0 5px 5px $dark-navy;
padding: calculateRem(12);
font-size: calculateRem(16);