about summary refs log tree commit diff stats
path: root/js/pixel-art/pixel/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/pixel-art/pixel/index.html')
-rw-r--r--js/pixel-art/pixel/index.html16
1 files changed, 15 insertions, 1 deletions
diff --git a/js/pixel-art/pixel/index.html b/js/pixel-art/pixel/index.html
index 610161c..c864a98 100644
--- a/js/pixel-art/pixel/index.html
+++ b/js/pixel-art/pixel/index.html
@@ -109,6 +109,17 @@
                 bottom: 10px;
             }
         }
+
+        .zoom-controls {
+            display: flex;
+            gap: 5px;
+            margin-top: 10px;
+        }
+
+        .zoom-controls button {
+            flex: 1;
+            padding: 4px;
+        }
     </style>
 </head>
 <body>
@@ -124,8 +135,11 @@
         <input type="color" id="colorPicker" value="#000000">
         <div id="colorHistory" class="color-history"></div>
         <button id="exportBtn">Export as PNG</button>
+        <div class="zoom-controls">
+            <button id="zoomInBtn">🔍+</button>
+            <button id="zoomOutBtn">🔍-</button>
+        </div>
         <button id="resetBtn">Reset</button>
-        <!--<input type="file" id="importBtn" accept="image/png">-->
     </div>
     <script src="app.js"></script>
 </body>