Adjust mobile UI/UX

techmino-hub · Jan 30, 2024 · 63a1ba7 · 63a1ba7
1 parent 236bb80
commit 63a1ba7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/js/map.js b/js/map.js
@@ -164,7 +164,7 @@ import {getLanguageEntry} from "/js/lang.js";
             let t = performance.now() / 12 % 360;
             mapContext.fillStyle = `hsla(${t}, 100%, 50%, 0.36)`;
         }
-        mapContext.lineWidth = 4 * camZoom;
+        mapContext.lineWidth = 8 * camZoom / (window.devicePixelRatio || 1);
         switch(shape) {
             case 1:
                 mapContext.fillRect(...getMapModeCoords(x, y, size * 2));
@@ -447,8 +447,6 @@ import {getLanguageEntry} from "/js/lang.js";
             if(event.touches.length === 1) {
                 touchPrevX = event.touches[0].clientX;
                 touchPrevY = event.touches[0].clientY;
-                touchStartCamX = camX;
-                touchStartCamY = camY;
             } else if(event.touches.length === 2) {
                 touchStartDist = Math.hypot(
                     event.touches[0].clientX - event.touches[1].clientX,

diff --git a/style.css b/style.css
@@ -58,10 +58,23 @@ nav.navbar{
     margin: 20px;
     border: 1px solid white;
 }
+@media (max-width: 700px) {
+    .inner{
+        margin: 0;
+        border: 0 none transparent;
+        border-bottom: 1px solid white;
+    }
+}
 
 section.content{
     padding: 0 50px 50px;
 }
+@media (max-width: 700px) {
+    section.content{
+        padding: 0 10px 10px;
+    }
+}
+
 p{
     text-wrap: wrap;
 }