about summary refs log tree commit diff stats
path: root/js/pixel-art/pixel
diff options
context:
space:
mode:
authorelioat <elioat@tilde.institute>2024-12-22 11:31:32 -0500
committerelioat <elioat@tilde.institute>2024-12-22 11:31:32 -0500
commitcf1789eb681a648b164c69e337ac622251423e85 (patch)
treee3cb8512a07b6c9a47c188759be3b84d45774b2a /js/pixel-art/pixel
parent963b95ae7696d61065362a707621ddfa5248dd7c (diff)
downloadtour-cf1789eb681a648b164c69e337ac622251423e85.tar.gz
*
Diffstat (limited to 'js/pixel-art/pixel')
-rw-r--r--js/pixel-art/pixel/app.js6
-rw-r--r--js/pixel-art/pixel/index.html6
2 files changed, 7 insertions, 5 deletions
diff --git a/js/pixel-art/pixel/app.js b/js/pixel-art/pixel/app.js
index e99b542..3e37db8 100644
--- a/js/pixel-art/pixel/app.js
+++ b/js/pixel-art/pixel/app.js
@@ -42,11 +42,9 @@ document.getElementById('panLeftBtn').addEventListener('click', () => handlePanB
 document.getElementById('panRightBtn').addEventListener('click', () => handlePanButton('right'));
 document.getElementById('centerViewBtn').addEventListener('click', resetView);
 
-// Initialization
 resizeCanvas();
 loadFromLocalStorage();
 
-// Functions
 function initializeGrid() {
     grid = Array(gridWidth).fill().map(() => Array(gridHeight).fill(null));
 }
@@ -289,8 +287,8 @@ function handleZoom(factor) {
     
     if (newCellSize === cellSize) return;
     
-    const centerX = (canvas.width / 2 - offsetX) / cellSize;
-    const centerY = (canvas.height / 2 - offsetY) / cellSize;
+    // const centerX = (canvas.width / 2 - offsetX) / cellSize;
+    // const centerY = (canvas.height / 2 - offsetY) / cellSize;
     
     cellSize = newCellSize;
     
diff --git a/js/pixel-art/pixel/index.html b/js/pixel-art/pixel/index.html
index af14d17..d4b690d 100644
--- a/js/pixel-art/pixel/index.html
+++ b/js/pixel-art/pixel/index.html
@@ -62,7 +62,7 @@
         }
 
         #palette-toggle:not(.hidden) {
-            transform: translateX(-10.625rem);
+            transform: translateX(-11.25rem);
         }
 
         #palette label,
@@ -140,6 +140,10 @@
                 top: auto;
                 bottom: 0.625rem;
             }
+
+            #palette-toggle:not(.hidden) {
+                transform: translateX(-12.5rem);
+            }
         }
     </style>
 </head>