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;