jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Scaling seems to now work for board and dialogs

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-26 16:12:47 -08:00
parent 1c79b6300f
commit b94fe95765
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/Board.css
View File

@ -38,8 +38,8 @@
z-index: 50; /* Above Tile (5,10), Road (12), Corner (20) */ z-index: 50; /* Above Tile (5,10), Road (12), Corner (20) */
position: absolute; position: absolute;
background-size: 600% auto; /* pip-numbers is a 6x6 grid of pip images */ background-size: 600% auto; /* pip-numbers is a 6x6 grid of pip images */
width: 2em; width: 40px;
height: 2em; height: 40px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
@ -82,8 +82,8 @@
align-items: center; align-items: center;
justify-items: center; justify-items: center;
box-sizing: border-box; box-sizing: border-box;
width: 1.5em; width: 25px;
height: 1.5em; height: 25px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
pointer-events: none; pointer-events: none;
} }
@ -112,9 +112,9 @@
align-items: center; align-items: center;
justify-items: center; justify-items: center;
box-sizing: border-box; box-sizing: border-box;
width: 10px;
height: 50px;
transform-origin: 50% 0; transform-origin: 50% 0;
width: 0.5em;
height: 2.5em;
z-index: 11; /* Above Tile, below Corner */ z-index: 11; /* Above Tile, below Corner */
pointer-events: none; pointer-events: none;
} }
@ -163,14 +163,14 @@
} }
.Robber .Pip-Shape { .Robber .Pip-Shape {
top: -2em; top: -40px;
left: -2em; left: -40px;
clip-path: circle(50%); clip-path: circle(50%);
transform: scale(0.45); transform: scale(0.45);
background-color:#e7c099; background-color:#e7c099;
background-size: contain; background-size: contain;
background-position: center; background-position: center;
border: 0.2em solid #8c471f; border: 4px solid #8c471f;
border-radius: 50%; border-radius: 50%;
} }

4
client/src/Table.css
View File

@ -12,7 +12,7 @@
margin-right: 30rem; margin-right: 30rem;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
height: 8rem; height: 10.5rem;
overflow: visible; overflow: visible;
} }
@ -454,7 +454,7 @@ button {
flex: 1 0; flex: 1 0;
justify-content: left; justify-content: left;
text-align: left; text-align: left;
font-size: 12pt; /* font-size: 12pt;*/
padding: 0.5em; padding: 0.5em;
user-select: none; user-select: none;
} }

6
client/src/Table.js
View File

@ -582,7 +582,11 @@ class Table extends React.Component {
this.loadTimer = null; this.loadTimer = null;
} }
return window.fetch(`${base}/api/v1/games/${this.state.game.id}/${action}/${value ? value : ''}`, { if (value === undefined || value === null) {
value = '';
}
return window.fetch(`${base}/api/v1/games/${this.state.game.id}/${action}/${value}`, {
method: "PUT", method: "PUT",
cache: 'no-cache', cache: 'no-cache',
credentials: 'same-origin', credentials: 'same-origin',