aboutsummaryrefslogtreecommitdiff
path: root/src/client/react/components/page
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/react/components/page')
-rw-r--r--src/client/react/components/page/User.js12
-rw-r--r--src/client/react/components/page/User.scss24
2 files changed, 31 insertions, 5 deletions
diff --git a/src/client/react/components/page/User.js b/src/client/react/components/page/User.js
index 00fde7e..6f9373f 100644
--- a/src/client/react/components/page/User.js
+++ b/src/client/react/components/page/User.js
@@ -28,6 +28,8 @@ import { userFromMatch } from '../../lib/url';
import WeekSelector from '../container/WeekSelector';
import RoomFinder from '../container/RoomFinder';
+import './User.scss';
+
class UserPage extends React.Component {
static propTypes = {
// react-router
@@ -43,15 +45,15 @@ class UserPage extends React.Component {
}
return (
- <div className="page-user">
- <div className="search-wrapper">
- <div className="search-container">
+ <div className="UserPage">
+ <div className="searchWrapper">
+ <div className="searchContainer">
<Search />
</div>
</div>
<Elevation z={2}>
- <div className="menu">
- <div className="menu-container">
+ <div className="headerWrapper">
+ <div className="header">
<RoomFinder />
<WeekSelector />
</div>
diff --git a/src/client/react/components/page/User.scss b/src/client/react/components/page/User.scss
new file mode 100644
index 0000000..f56a593
--- /dev/null
+++ b/src/client/react/components/page/User.scss
@@ -0,0 +1,24 @@
+.UserPage {
+ .searchWrapper {
+ position: fixed;
+ z-index: 1; // Position the search bar abore the schedule
+ width: 100%;
+
+ .searchContainer {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 8px;
+ }
+ }
+
+ .headerWrapper {
+ background-color: #F44336;
+ padding-top: 54px;
+
+ .header {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 8px;
+ }
+ }
+}