benkyd/scrabble-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

that's tomorrows problem

Browse Source
This commit is contained in:
Ben Kyd
2021-04-04 04:04:33 +01:00
parent 1d7d6a0f93
commit 3eb6146db0
4 changed files with 65 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
client/public/main.css
View File

@@ -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;

26
client/public/scrabble/game.css
View File

@@ -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;

4
client/public/scrabble/game.js
View File

@@ -0,0 +1,4 @@

15
client/public/scrabble/index.html
View File

@@ -12,6 +12,14 @@
</head>
<body>
<div id="navbar">
<div id="navitem" class="navleft">Home</div>
<div id="navitem">About</div>
<div id="navitem">Rules</div>
</div>
<div id="container">
<div id="game-container">
<div id="game-board">
@@ -387,6 +395,13 @@
</div>
<div id="game-info">
</div>
</div> <!--game container-->
</div> <!--container-->
<script src="index.js"></script>
<script src="network.js"></script>
<script src="dragable.js"></script>