1
0

Fix 100% height of app

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-11 14:19:55 -08:00
parent 4c2acdc5dc
commit 211d03548d

View File

@ -1,10 +1,11 @@
body { body {
font-family: 'Droid Sans', 'Arial Narrow', Arial, sans-serif; font-family: 'Droid Sans', 'Arial Narrow', Arial, sans-serif;
background-color: black;
} }
#root { #root {
width: 100vw; width: 100vw;
height: 100vh; /* height: 100vh; breaks on mobile -- not needed */
} }
.Table { .Table {
@ -13,8 +14,7 @@ body {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100vh; bottom: 0;
min-height: 100%;
flex-direction: row; flex-direction: row;
justify-content: space-between; /* left-justify 'board', right-justify 'game' */ justify-content: space-between; /* left-justify 'board', right-justify 'game' */
background-image: url("./assets/tabletop.png"); background-image: url("./assets/tabletop.png");
@ -32,7 +32,7 @@ body {
flex-grow: 1; flex-grow: 1;
} }
.Table .Pieces { .Table .Hand {
display: flex; display: flex;
position: relative; position: relative;
border: 1px solid orange; border: 1px solid orange;