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

Fix #29 -- scale html font-size to smaller pt size if with < 900

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-26 15:13:01 -08:00
parent c6ad706f0c
commit 651eca0725
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/Table.css
View File

@ -10,7 +10,7 @@
.BottomBar { .BottomBar {
display: flex; display: flex;
margin-right: 30vw; margin-right: 30rem;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
} }
@ -19,8 +19,6 @@
display: flex; display: flex;
position: absolute; position: absolute;
left: 0.5em; left: 0.5em;
/* right: 30vw;*/
/* bottom: 0;*/
opacity: 0.8; opacity: 0.8;
top: 0.5em; top: 0.5em;
justify-content: center; justify-content: center;
@ -209,7 +207,7 @@
box-sizing: border-box; box-sizing: border-box;
max-height: 100vh; max-height: 100vh;
overflow: hidden; overflow: hidden;
max-width: 30vw; max-width: 30rem;
z-index: 100; z-index: 100;
padding: 0.5em; padding: 0.5em;
right: 0px; right: 0px;
@ -418,6 +416,7 @@
.Action { .Action {
display: flex; display: flex;
flex-wrap: wrap;
flex: 1 0; flex: 1 0;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;

6
client/src/index.css
View File

@ -1,3 +1,9 @@
@media only screen and (max-width: 900px) {
html {
font-size: 10px;
}
}
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',