スマホを横向き用UIに変更

neknaj · Jul 7, 2024 · 8a25548 · 8a25548
1 parent b59df82
commit 8a25548
Showing 1 changed file with 9 additions and 9 deletions.
diff --git 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;