diff options
| -rw-r--r-- | src/client/react/components/page/User.js | 12 | ||||
| -rw-r--r-- | src/client/react/components/page/User.scss | 24 |
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; + } + } +} |