aboutsummaryrefslogtreecommitdiff
path: root/src/client
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-01-30 19:04:40 +0100
committerNoah Loomans <noahloomans@gmail.com>2018-01-30 19:04:45 +0100
commite500f20776bcb36957565e73b15a1b5ac39774c6 (patch)
treefa3dcd549d7e7bc1792132a82a4171f06e187677 /src/client
parentcf766d6a5ce8d319362aa784b7971f9d532f5ddf (diff)
Use display: fixed for the search box
Diffstat (limited to 'src/client')
-rw-r--r--src/client/react/components/page/User.js6
-rw-r--r--src/client/style/_page-user.scss12
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;