From f5d6fa03e52c4bb3de7656b477d25cc127959166 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Tue, 22 Apr 2025 12:56:15 +0200
Subject: [PATCH] Navigation

---
 .../Dashboard/DashboardAufnahmeModule.svelte  | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/modules/Dashboard/DashboardAufnahmeModule.svelte b/src/modules/Dashboard/DashboardAufnahmeModule.svelte
index 1b1e24b0..1282b080 100644
--- a/src/modules/Dashboard/DashboardAufnahmeModule.svelte
+++ b/src/modules/Dashboard/DashboardAufnahmeModule.svelte
@@ -50,7 +50,21 @@
 
 <hr>
 
-<div class="flex items-center justify-between">
+<div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-2">
+
+<div class="relative bg-gray-100 rounded-md flex justify-center items-center">
+	{#if ausweis.aufnahme.bilder.length > 0}
+	<Carousel perPage={1}>
+		{#each ausweis.aufnahme.bilder as bild, i (i)}
+			<img src="/bilder/{bild.id}.jpg" alt={bild.kategorie} class="max-h-[15vh] h-full w-full object-contain">
+		{/each}
+		<span slot="left-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronLeft size={24}></ChevronLeft></span>
+		<span slot="right-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronRight size={24}></ChevronRight></span>
+	</Carousel>
+	{/if}
+</div>
+
+<div class="flex items-center justify-between mx-40">
 	{#if page > 1}
 		<a class="p-2 rounded-lg hover:bg-gray-200 cursor-pointer" href="/dashboard/objekte?p={page - 1}">
 			<CaretLeft size={34}></CaretLeft>
@@ -68,20 +82,6 @@
 	{/if}
 </div>
 
-<div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-2">
-
-<div class="relative bg-gray-100 rounded-md flex justify-center items-center">
-	{#if ausweis.aufnahme.bilder.length > 0}
-	<Carousel perPage={1}>
-		{#each ausweis.aufnahme.bilder as bild, i (i)}
-			<img src="/bilder/{bild.id}.jpg" alt={bild.kategorie} class="max-h-[15vh] h-full w-full object-contain">
-		{/each}
-		<span slot="left-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronLeft size={24}></ChevronLeft></span>
-		<span slot="right-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronRight size={24}></ChevronRight></span>
-	</Carousel>
-	{/if}
-</div>
-
 </div>
 
 <div class="my-4 grid grid-cols-[1fr] md:grid-cols-[7fr,16fr,5fr] lg:grid-cols-[7fr,16fr,5fr] min-h-[600px]">