add responsive canvas fitting

2025-12-16 03:39:34 +01:00 · 2025-11-09 00:53:06 +01:00
parent 1b0cd8913b
commit 4866a74f68
2 changed files with 35 additions and 4 deletions
--- a/schafkopf-logic/index.html
+++ b/schafkopf-logic/index.html
@@ -2,10 +2,32 @@
 <html>
  <head>
    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Schafkopf Logic</title>
    <link data-trunk rel="rust" href="Cargo.toml" />

    <link data-trunk rel="copy-dir" href="assets" />
+    
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
+      html, body {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+      
+      canvas {
+        display: block;
+        width: 100vw;
+        height: 100vh;
+        background-color: #000;
+      }
+    </style>
  </head>
  <body></body>
 </html>