Browse Source

feature(mock search bar): hard code mock search bar

renovate/lint-staged-8.x
Jack Mallers 8 years ago
parent
commit
93e97331a0
  1. 8
      app/routes/home/components/Home.js
  2. 29
      app/routes/home/components/Home.scss

8
app/routes/home/components/Home.js

@ -1,12 +1,18 @@
// @flow
import React, { Component } from 'react'
import { MdSearch } from 'react-icons/lib/md'
import styles from './Home.scss'
class Home extends Component {
render() {
return (
<div>
yo
<div className={styles.search}>
<label className={`${styles.label} ${styles.input}`}>
<MdSearch />
</label>
<input className={`${styles.text} ${styles.input}`} placeholder='Search transactions by amount, pubkey, channel' type='text' />
</div>
</div>
)
}

29
app/routes/home/components/Home.scss

@ -0,0 +1,29 @@
.search {
height: 75px;
padding: 2px;
border-bottom: 1px solid #EBEBEB;
.input {
display: inline-block;
vertical-align: top;
height: 100%;
}
.label {
width: 5%;
line-height: 70px;
font-size: 25px;
text-align: center;
cursor: pointer;
}
.text {
width: 95%;
outline: 0;
padding: 0;
border: 0;
border-radius: 0;
height: 68px;
font-size: 18px;
}
}
Loading…
Cancel
Save