From fc2bbdf104773797f6f42e39ee8036e330bbb5e2 Mon Sep 17 00:00:00 2001
From: Yandrik <me@yandrik.dev>
Date: Thu, 2 May 2024 09:02:54 +0200
Subject: [PATCH] fix: proper image display

---
 web/src/routes/+page.svelte | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 7826c0c..005abc2 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -168,8 +168,8 @@
 				<ProgressRadial />
 			{:then url}
 				{#if url !== null}
-					<div class="mt-8">
-						<img src={url} alt="Generiertes Bild" class="h-auto max-w-full" />
+					<div class="mt-8 h-full w-full">
+						<img src={url} alt="Generiertes Bild" class="h-full w-full object-cover" />
 					</div>
 				{:else}
 					<p>Generiere ein Bild!</p>
@@ -180,16 +180,16 @@
 				</div>
 			{/await}
 		</div>
-	<div class="px-4 mb-4">
-		<p>Bildgenerations-Model</p>
-		<RadioGroup active="variant-filled-primary" hover="hover:variant-soft-primary">
-			{#each models as model}
-				<RadioItem bind:group={currentModel} value={model.value}>
-					{model.name}
-				</RadioItem>
-			{/each}
-		</RadioGroup>
-	</div>
+		<div class="mb-4 px-4">
+			<p>Bildgenerations-Model</p>
+			<RadioGroup active="variant-filled-primary" hover="hover:variant-soft-primary">
+				{#each models as model}
+					<RadioItem bind:group={currentModel} value={model.value}>
+						{model.name}
+					</RadioItem>
+				{/each}
+			</RadioGroup>
+		</div>
 	</center>
 
 	<form on:submit|preventDefault={handleSubmit} class="flex flex-col md:flex-row space-x-4">