diff options
| author | Noah Loomans <noahloomans@gmail.com> | 2018-01-30 19:04:40 +0100 |
|---|---|---|
| committer | Noah Loomans <noahloomans@gmail.com> | 2018-01-30 19:04:45 +0100 |
| commit | e500f20776bcb36957565e73b15a1b5ac39774c6 (patch) | |
| tree | fa3dcd549d7e7bc1792132a82a4171f06e187677 /src | |
| parent | cf766d6a5ce8d319362aa784b7971f9d532f5ddf (diff) | |
Use display: fixed for the search box
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/react/components/page/User.js | 6 | ||||
| -rw-r--r-- | src/client/style/_page-user.scss | 12 |
2 files changed, 17 insertions, 1 deletions
diff --git a/src/client/react/components/page/User.js b/src/client/react/components/page/User.js index 215a6e0..0c79a8b 100644 --- a/src/client/react/components/page/User.js +++ b/src/client/react/components/page/User.js @@ -21,9 +21,13 @@ const UserPage = ({ match, location }) => { return ( <div className="page-user"> + <div className="search-wrapper"> + <div className="search-container"> + <Search urlUser={user} /> + </div> + </div> <div className="menu"> <div className="menu-container"> - <Search urlUser={user} /> <WeekSelector urlWeek={week} /> </div> </div> diff --git a/src/client/style/_page-user.scss b/src/client/style/_page-user.scss index 395e492..37a51eb 100644 --- a/src/client/style/_page-user.scss +++ b/src/client/style/_page-user.scss @@ -1,6 +1,18 @@ .page-user { + .search-wrapper { + position: fixed; + width: 100%; + + .search-container { + max-width: 600px; + margin: 0 auto; + padding: 8px; + } + } + .menu { background-color: #F44336; + padding-top: 54px; &-container { max-width: 600px; |