From d24bc122966845bfc793c46aa268529f086af58f Mon Sep 17 00:00:00 2001
From: TrueKuehli <rctcoaster2000@hotmail.de>
Date: Mon, 1 Oct 2018 20:55:14 +0200
Subject: Added Game Page, currently with a chat

Redirects to the game page after login, keeping the connection intact
---
 .../NodeJSServer/src/style/partials/_game.scss     | 13 ++++++++++
 .../src/style/partials/game/_chat.scss             | 28 ++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 WebInterface/NodeJSServer/src/style/partials/_game.scss
 create mode 100644 WebInterface/NodeJSServer/src/style/partials/game/_chat.scss

(limited to 'WebInterface/NodeJSServer/src/style/partials')

diff --git a/WebInterface/NodeJSServer/src/style/partials/_game.scss b/WebInterface/NodeJSServer/src/style/partials/_game.scss
new file mode 100644
index 0000000..74b566b
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/style/partials/_game.scss
@@ -0,0 +1,13 @@
+@import './colors';
+
+.game-window {
+  width: calc(100% - 2rem);
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: $secondary-light;
+  margin: 1rem;
+  margin-bottom: 2rem;
+  border-style: none;
+  border-radius: 8px;
+}
diff --git a/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss b/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss
new file mode 100644
index 0000000..89b63b3
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss
@@ -0,0 +1,28 @@
+@import '../colors';
+@import '../btn';
+
+.chat {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+
+  .messages {
+    flex-grow: 1;
+    background-color: white;
+    margin: 0.5rem;
+  }
+
+  .input-message {
+    display: flex;
+    margin: 0.5rem;
+
+    input {
+      font-size: 2rem;
+      flex-grow: 1;
+    }
+
+    .btn {
+      margin-left: 1rem;
+    }
+  }
+}
-- 
cgit v1.2.3-54-g00ecf