Update Buttons in model viewer

src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte

@@ -10,6 +10,9 @@
     height: 200px;
   }
 
+  .model{
+		height: calc(100%-84px)
+	}
 
 </style>
 
@@ -61,13 +64,23 @@
 
 
 	function onResetView() {
-		//  cameraOrbit = '0deg 0deg 50m';
+		  cameraOrbit = '0deg 0deg 0m';
-		//  cameraTarget ="0m 0m 0m"
+		  cameraTarget ="0m 0m 0m"
+
 		console.log("show cameraOrbit:", modelViewer.getCameraOrbit(), modelViewer.cameraOrbit, modelViewer.getDimensions())
 		console.log("Camera-orbit: ",modelViewer.getAttribute('camera-orbit'), "camera-target: ",modelViewer.getAttribute('camera-target'), "object-rotation: ", modelViewer.getAttribute('rotation'))
 
-		//  modelViewer.cameraOrbit = cameraOrbit;
+		  modelViewer.cameraOrbit = cameraOrbit;
-		//  modelViewer.cameraTarget = cameraTarget;
+		  modelViewer.cameraTarget = cameraTarget;
+		  xRotation = yRotation = zRotation = 0;
+		cameraOrbit = '0deg 0deg 0%';
+	 cameraTarget ="0m 0m 0m";
+	fieldOfView = '0deg';
+
+	 cameraAzimuth = 0;
+	 cameraPolar = 0;
+	 cameraZoom = 0;
+	
 
 	}
 
@@ -107,13 +120,36 @@
 			class="relative cursor-default justify-start py-2 pl-3 pr-10 text-left"
 		> -->
 
-<div class="h-full w-full bg-neutral-100 p-4">
+<div class="h-full model w-full bg-neutral-200  p-4">
-	<div class="bg-redx-500 p-4 flex">
+
+			<!-- field-of-view="auto" -->
+		<!--
+				camera-controls
+		model-rotation="0rad 0rad 0rad"
+		
+		camera-target="0m 0m 10m"
+		
+		field-of-view="auto"
+		max-field-of-view="10deg"
+		min-field-of-view="0.1deg"-->
+	<model-viewer
+		src={data.url}
+		bind:this={modelViewer}
+	touch-action="pan-y"
+	field-of-view="auto"
+	camera-controls
+	orientation={`${xRotation}deg ${yRotation}deg ${zRotation}deg`}
+		camera-target="0m 0m 0m"
+		camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}`}
+		on:progress={onProgress}
+	>
+<!--Buttons zum Steuern-->
+	<div class="bg-redx-500 p-4 flex z-10">
 		<div class="flex flex-col">
 				<!--3 Buttons-->
 				<div>
 					<Button
-				on:click={()=>{updateCameraOrbit('0deg 180deg 100%')}}
+					on:click={()=>{updateCameraOrbit('0deg 0deg 0%')}}
 					type="button"
 					variant="white"
 					
@@ -130,7 +166,7 @@
 					align="left"
 					class="relative cursor-default justify-start py-2 pl-3 pr-10 text-left"
 					>
-				Camera-Orbit Attribute
+					Werte zurücksetzen
 					</Button>
 		
 					<Button
@@ -197,27 +233,6 @@
 			</div>
 			
 				</div>
-			<!-- field-of-view="auto" -->
-		<!--
-				camera-controls
-		model-rotation="0rad 0rad 0rad"
-		
-		camera-target="0m 0m 10m"
-		
-		field-of-view="auto"
-		max-field-of-view="10deg"
-		min-field-of-view="0.1deg"-->
-	<model-viewer
-		src={data.url}
-		bind:this={modelViewer}
-		shadow-intensity="50"
-	touch-action="pan-x"
-	camera-controls
-	orientation={`${xRotation}deg ${yRotation}deg ${zRotation}deg`}
-		camera-target="0m 0m 0m"
-		camera-orbit = {`${cameraAzimuth}deg ${cameraPolar}deg ${cameraZoom}`}
-		on:progress={onProgress}
-	>
 		<!--Loading-->
 		<div
 			slot="progress-bar"