From 4d2eaeca2abc713d30587e00e2a1e69d3800ba02 Mon Sep 17 00:00:00 2001
From: BusyBird15 <119532048+BusyBird15@users.noreply.github.com>
Date: Fri, 13 Dec 2024 10:24:04 -0500
Subject: [PATCH] Locks zoom/scroll and aspect ratio.

---
 utility-pages/transparent-svg.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/utility-pages/transparent-svg.html b/utility-pages/transparent-svg.html
index 1523aef..bffa3d5 100644
--- a/utility-pages/transparent-svg.html
+++ b/utility-pages/transparent-svg.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
     <title>Load SVG Image</title>
     <style>
         body, html {
@@ -11,19 +11,21 @@
             height: 100%;
             width: 100%;
             background: transparent;
-            overflow: hidden;
+            overflow: hidden; /* Disable scrolling */
         }
         #imageContainer {
             height: 100%;
             width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
             position: absolute;
             top: 0;
             left: 0;
         }
         img {
-            height: 100%;
-            width: 100%;
-            object-fit: fill; /* This will disregard the aspect ratio */
+            max-height: 100%;
+            max-width: 100%;
         }
     </style>
 </head>
