hopefully made it mobile-compatible

2025-01-14 19:17:14 +01:00
parent bc184f7884
commit 70634f878a
2 changed files with 13 additions and 2 deletions
@@ -3,7 +3,7 @@

 <head>
  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
  <title>Byte Dice</title>

  <link rel="stylesheet" href="/global/navBar.css">
@@ -14,7 +14,7 @@
  <link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
 </head>

-<body style="background-color: #323232; color: #ffffff;">
+<body>
  <div id="mainDiv">
    <img src="/assets/backgrounds/bgGradient_256x164.png" class="bgGradient">
    
@@ -1,8 +1,17 @@
+html {
+  overflow: hidden;
+  width: 100vw;
+  height: 100vh;
+}
+
 body {
  height: 100vh;
  background-color: #323232;
+  color: #ffffff;
  overflow: hidden;
  margin: 0%;
+  width: 100vw;
+  height: 100vh;
 }
 .synthSun {
  width: calc(40px * var(--pxDensity));
@@ -25,6 +34,8 @@ body {
  transform: translate(-50%, -50%);
 }
 #mainDiv {
+  overflow: hidden;
+  width: 100wv;
  height: 100vh;
 }
 .bgGradient {