diff --git a/public/index.html b/public/index.html index 030cc8fedb25b32178754a348b32e1c2cdd2f117..a07c19d3af206b357ae62610683970631bb38b42 100644 --- a/public/index.html +++ b/public/index.html @@ -60,8 +60,8 @@ .menu-item { background: #2c2c2c; - border-radius: 8px; - padding: 10px; + border-radius: 20px; + padding: 5px; transition: background-color 0.3s, transform 0.2s; } @@ -71,13 +71,11 @@ } .menu-item img { - filter: invert(100%); width: 50px; height: 50px; } .menu-placeholder .menu-item img { - filter: none; width: 50px; height: 50px; } @@ -447,11 +445,15 @@ return; } + // Aktuelle Skalierung des Modells bestimmen + const currentScale = selectedPlacedModel.scale.x; + const dynamicMenu = document.getElementById("dynamic-menu"); dynamicMenu.style.display = "flex"; dynamicMenu.innerHTML = ` <h3>Skalierung anpassen</h3> - <label>Größe: <input type="range" min="0.01" max="3" step="0.1" onchange="updateScale(this.value)"></label> + <label>Größe: <input type="range" min="0.01" max="3" step="0.01" value="${currentScale}" onchange="updateScale(this.value)"></label> + <p id="scale-value">Aktuelle Größe: ${currentScale.toFixed(2)}</p> <button onclick="closeDynamicMenu()">Zurück</button> `; } @@ -460,6 +462,12 @@ if (selectedPlacedModel) { const scale = parseFloat(value); selectedPlacedModel.scale.set(scale, scale, scale); + + // Anzeige des aktuellen Wertes aktualisieren + const scaleValueDisplay = document.getElementById("scale-value"); + if (scaleValueDisplay) { + scaleValueDisplay.textContent = `Aktuelle Größe: ${scale.toFixed(2)}`; + } } } diff --git a/public/previewImages/add-icon.png b/public/previewImages/add-icon.png index 7cddac46b3fcb6a31e82560615d362fe2a4390c5..f607607d0cc0d2d4c27061c9c8ad8adace1cea06 100644 Binary files a/public/previewImages/add-icon.png and b/public/previewImages/add-icon.png differ diff --git a/public/previewImages/back-icon.png b/public/previewImages/back-icon.png index e9fb45cd7cfafbb490fb3813e791388c879f9a21..0e5ae9e7ae78a19feb281c0bf05a4ad4f8cc6d2d 100644 Binary files a/public/previewImages/back-icon.png and b/public/previewImages/back-icon.png differ diff --git a/public/previewImages/check-icon.png b/public/previewImages/check-icon.png index f21da22c01010404c23b17142a137f59a3141058..2dba70d0e7f62c9bff93551b8a38a2ca3bcf6789 100644 Binary files a/public/previewImages/check-icon.png and b/public/previewImages/check-icon.png differ diff --git a/public/previewImages/delete-icon.png b/public/previewImages/delete-icon.png index d1f9dc2a4d0e395f5dfac75b0177b4acbebbe17b..4d3de4b1a91b22e70a99200b80ef084aa7ba1231 100644 Binary files a/public/previewImages/delete-icon.png and b/public/previewImages/delete-icon.png differ diff --git a/public/previewImages/edit-icon.png b/public/previewImages/edit-icon.png index 3b6e2d8249d6c2964b54b663638dd8a74b494a42..b8714d7782882b9244dce55cb08f60f5b5631710 100644 Binary files a/public/previewImages/edit-icon.png and b/public/previewImages/edit-icon.png differ diff --git a/public/previewImages/options-icon.png b/public/previewImages/options-icon.png index 692626af2eada9be2b2684dec1a992e212244757..6a6b4e96936c27c2062fce37c2e50d8c87fd57f8 100644 Binary files a/public/previewImages/options-icon.png and b/public/previewImages/options-icon.png differ diff --git a/public/previewImages/placeholder.png b/public/previewImages/placeholder.png deleted file mode 100644 index b946022a023e3e119c201d9a000e9ce3e4c69aca..0000000000000000000000000000000000000000 Binary files a/public/previewImages/placeholder.png and /dev/null differ diff --git a/public/previewImages/rotate-icon.png b/public/previewImages/rotate-icon.png index a8a130d054ec0e1b777103022b11ec63024a74f0..86f97c5017f9c3ee008dede1065e411971c655e9 100644 Binary files a/public/previewImages/rotate-icon.png and b/public/previewImages/rotate-icon.png differ diff --git a/public/previewImages/scale-icon.png b/public/previewImages/scale-icon.png index f63243bb05b7a7968108a7d2bc112a9988a69c34..61ac8d0f33b211b15684ccc41e15c0499837498d 100644 Binary files a/public/previewImages/scale-icon.png and b/public/previewImages/scale-icon.png differ