diff --git a/public/index.html b/public/index.html index fb5429defbb2b1fc131cfc9c6057aa15288783b5..d8257393d17795fa73bbb06038a65d29a050f99a 100644 --- a/public/index.html +++ b/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",