Update public/index.html

public/index.html

@@ -183,17 +183,16 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      justify-content: center;
-      /*gap: 20px;*/
+      justify-content: space-around;
       background: #1e1e1e;
       box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.8);
       color: white;
       width: 100vw;
-      height: 200px;
+      height: 220px;
       z-index: 20;
       overflow-y: auto;
-      /*padding: 20px 0;*/
-      border-radius: 8px;
+      padding: 15px;
+      border-radius: 12px;
     }
 
 
@@ -214,6 +213,18 @@
       border-radius: 50%;
       cursor: pointer;
     }
+
+    #dynamic-menu input[type="range"]::-webkit-slider-runnable-track {
+      height: 8px;
+      background: #666;
+      border-radius: 5px;
+    }
+
+    #dynamic-menu input[type="range"]::-moz-range-track {
+      height: 8px;
+      background: #666;
+      border-radius: 5px;
+    }
   </style>
   <script src="https://unpkg.com/three@0.126.0/build/three.js"></script>
   <script src="https://unpkg.com/three@0.126.0/examples/js/loaders/GLTFLoader.js"></script>
@@ -367,41 +378,41 @@
         name: "Trash bin",
         image: "previewImages/trash_can.PNG",
         file: "https://transfer.hft-stuttgart.de/gitlab/geovistoogsi/ar/-/raw/master/public/assets/models/trash_model/scene.gltf",
-        scale: { x: 0.04, y: 0.04, z: 0.04 },
-        minScale: 0.02, // 50% der aktuellen Größe
-        maxScale: 0.2   // 500% der aktuellen Größe
+        scale: { x: 0.04, y: 0.04, z: 0.03 },
+        minScale: 0.01, // 50% der aktuellen Größe
+        maxScale: 0.1   // 500% der aktuellen Größe
       },
       telephone_box: {
         name: "Telephone Box",
         image: "previewImages/telephone_box.PNG",
         file: "https://transfer.hft-stuttgart.de/gitlab/geovistoogsi/ar/-/raw/master/public/assets/models/telephone_box_model/scene.gltf",
-        scale: { x: 0.04, y: 0.04, z: 0.04 },
-        minScale: 0.02,
-        maxScale: 0.2
+        scale: { x: 0.04, y: 0.04, z: 0.5 },
+        minScale: 0.05,
+        maxScale: 2
       },
       fire_hydrant_model: {
         name: "Fire Hydrant",
         image: "previewImages/hydrant.PNG",
         file: "https://transfer.hft-stuttgart.de/gitlab/geovistoogsi/ar/-/raw/master/public/assets/models/fire_hydrant_model/scene.gltf",
-        scale: { x: 0.04, y: 0.04, z: 0.04 },
-        minScale: 0.02,
-        maxScale: 0.2
+        scale: { x: 0.04, y: 0.04, z: 0.3 },
+        minScale: 0.1,
+        maxScale: 1
       },
       statue: {
         name: "Statue",
         image: "previewImages/statue.PNG",
         file: "https://transfer.hft-stuttgart.de/gitlab/geovistoogsi/ar/-/raw/master/public/assets/models/statue_model/scene.gltf",
-        scale: { x: 0.04, y: 0.04, z: 0.04 },
-        minScale: 0.02,
-        maxScale: 0.2
+        scale: { x: 0.04, y: 0.04, z: 0.5 },
+        minScale: 0.05,
+        maxScale: 2
       },
       fountain: {
         name: "Fountain",
         image: "previewImages/fountain.PNG",
         file: "https://transfer.hft-stuttgart.de/gitlab/geovistoogsi/ar/-/raw/master/public/assets/models/fountain_model/scene.gltf",
         scale: { x: 0.001, y: 0.001, z: 0.001 },
-        minScale: 0.0005, // 50% der aktuellen Größe
-        maxScale: 0.005   // 500% der aktuellen Größe
+        minScale: 0.0005,
+        maxScale: 0.005
       },
       lantern: {
         name: "Lantern",