From 3eb6146db02b8e080e33234130b77e8cfc51bbf6 Mon Sep 17 00:00:00 2001 From: Ben Kyd Date: Sun, 4 Apr 2021 04:04:33 +0100 Subject: [PATCH] that's tomorrows problem --- client/public/main.css | 27 +++++++++++++++++++++++++++ client/public/scrabble/game.css | 26 +++++++++++++++++++------- client/public/scrabble/game.js | 4 ++++ client/public/scrabble/index.html | 15 +++++++++++++++ 4 files changed, 65 insertions(+), 7 deletions(-) diff --git a/client/public/main.css b/client/public/main.css index 12604ba..b9889e3 100644 --- a/client/public/main.css +++ b/client/public/main.css @@ -18,6 +18,33 @@ body { user-select: none; } +#navbar { + position: fixed; + background-color: blueviolet; + display: flex; + justify-content: flex-end; + + width: 100%; + height: 40px; + top: 2px; + + border: black 1px; +} + +#navitem { + display: flex; + padding-right: 2vw; + border: 1px black; +} + +.navleft { + display: flex; + padding-left: 2vw; + + flex-grow: 1; + order: 0; +} + #lang { position: inherit; text-align: right; diff --git a/client/public/scrabble/game.css b/client/public/scrabble/game.css index 1cdd23e..efba797 100644 --- a/client/public/scrabble/game.css +++ b/client/public/scrabble/game.css @@ -49,19 +49,32 @@ score { .dragging-piece { width: 40px; height: 40px; - font-size: 25px + font-size: 25px; } +#container { + position:static; + display: flex; + flex-direction: row; + justify-content: center; +} + +#game-info { + border: 1px dotted black; + + display: flex; + flex-grow: 1; + order: 1; + + height: 600px; + /* width: 200px; */ +} #game-container { border: 1px dotted black; - display: -webkit-flex; display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin: auto; - + width: 700px; height: 700px; } @@ -72,7 +85,6 @@ score { display: table; table-layout: fixed; - position: static; width: 600px; height: 600px; diff --git a/client/public/scrabble/game.js b/client/public/scrabble/game.js index e69de29..fd40910 100644 --- a/client/public/scrabble/game.js +++ b/client/public/scrabble/game.js @@ -0,0 +1,4 @@ + + + + diff --git a/client/public/scrabble/index.html b/client/public/scrabble/index.html index 40e3afe..6314f95 100644 --- a/client/public/scrabble/index.html +++ b/client/public/scrabble/index.html @@ -12,6 +12,14 @@ + + +
+
@@ -387,6 +395,13 @@
+
+
+ +
+
+ +