Add user page styles

1 files changed, 24 insertions, 0 deletions

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;
+    }
+  }
+}