Update public/index.html

public/index.html

@@ -184,7 +184,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      gap: 20px;
+      /*gap: 20px;*/
       background: #1e1e1e;
       box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.8);
       color: white;
@@ -192,12 +192,13 @@
       height: 200px;
       z-index: 20;
       overflow-y: auto;
-      padding: 20px 0;
+      /*padding: 20px 0;*/
       border-radius: 8px;
     }
+    
 
     #dynamic-menu input[type="range"] {
-      width: 90%;
+      width: 100%;
       margin: 10px auto;
       background: #3a3a3a;
       border-radius: 5px;
@@ -650,6 +651,11 @@
       const maxScale = selectedPlacedModel.maxScale;
       const step = (maxScale - minScale) / 100; // Dynamische Schrittgröße basierend auf Grenzen
 
+      console.log("Die größen des ausgewählten Modells sind wie folgt: ")
+      console.log("currentScale", currentScale)
+      console.log("minScale", minScale)
+      console.log("maxScale", maxScale)
+
       const dynamicMenu = document.getElementById("dynamic-menu");
       dynamicMenu.style.display = "flex";
       dynamicMenu.innerHTML = `
@@ -700,22 +706,6 @@
       dynamicMenu.style.display = "none";
     }
 
-    function showInfoDialog(message) {
-      const infoDialog = document.getElementById("info-dialog");
-      const infoText = document.getElementById("info-text");
-
-      // Nachricht setzen
-      infoText.textContent = message;
-
-      // Dialog anzeigen
-      infoDialog.style.display = "flex";
-    }
-
-    function closeInfoDialog() {
-      const infoDialog = document.getElementById("info-dialog");
-      infoDialog.style.display = "none";
-    }
-
     function refreshMapDialog() {
       const mapDialog = document.getElementById('map-dialog');
       mapDialog.style.display = 'flex';