diff --git a/index.html b/index.html
index 9f870e2..8fdcea5 100644
--- a/index.html
+++ b/index.html
@@ -62,7 +62,7 @@
initlayout(
document.querySelector("body"),
- ["v",[3,1],[
+ ["h",[2,1],[
["h",[5,1],[
["v",[4,1],[["c","table"],["h",[1,3],[["c","config"],["c","input"]]]]],
["v",[5,2],[["c","history"],["c","score"]]],
@@ -110,13 +110,13 @@
function resize() {
var area = cnv.parentElement.getBoundingClientRect();
console.log(area,cnv.parentElement)
- FlickInput(cnv,screenKeyboardLabel,Math.min(area.width,1000),area.height);
+ FlickInput(cnv,screenKeyboardLabel,area.width,Math.min(area.width,area.height));
}
document.querySelector("body").addEventListener("doneinitlayout",()=>{
window.setTimeout(()=>{
var area = cnv.parentElement.getBoundingClientRect();
console.log(area,cnv.parentElement)
- FlickInput(cnv,screenKeyboardLabel,Math.min(area.width,1000),area.height);
+ FlickInput(cnv,screenKeyboardLabel,area.width,Math.min(area.width,area.height));
},1)
cnv.parentElement.addEventListener("resize",resize,true)
})
@@ -289,15 +289,15 @@
width: fit-content;
height: fit-content;
& td {
- font-size: 30px;
+ font-size: 20px;
width: 100%;
height: 100%;
& p {
border: 1px solid black;
- width: calc(100% - 20px);
- height: calc(100% - 20px);
+ width: calc(100% - 10px);
+ height: calc(100% - 10px);
border-radius: 10px;
- padding: 10px;
+ padding: 5px;
margin: 0;
background-color: rgba(240, 248, 255, 0.2);
}
@@ -328,14 +328,14 @@
& .inputelm {
width: fit-content;
min-width: 300px;
- height: 100px;
+ height: 60px;
padding: 8px;
border: 1px solid rgba(255, 255, 255, 0.4);
display: inline-block;
& .inputtext {
vertical-align: top;
display: inline-block;
- font-size: 70px;
+ font-size: 40px;
}
& .cursor {
vertical-align: top;