diff options
Diffstat (limited to 'WebInterface/NodeJSServer/src/style')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/_game.scss | 13 | ||||
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/game/_chat.scss | 28 | ||||
-rw-r--r-- | WebInterface/NodeJSServer/src/style/play.scss | 2 |
3 files changed, 43 insertions, 0 deletions
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; + } + } +} diff --git a/WebInterface/NodeJSServer/src/style/play.scss b/WebInterface/NodeJSServer/src/style/play.scss index bfeec6d..7286f74 100644 --- a/WebInterface/NodeJSServer/src/style/play.scss +++ b/WebInterface/NodeJSServer/src/style/play.scss @@ -7,6 +7,8 @@ @import 'partials/front-layer/copyright'; @import 'partials/modal/base'; @import 'partials/modal/login'; +@import 'partials/game'; +@import 'partials/game/chat'; remove_if_redirected { width: 100vw; |