From 857efe6faa62c1c11ba1683c0016a374134bdf2d Mon Sep 17 00:00:00 2001
From: Yandrik <me@yandrik.dev>
Date: Thu, 2 May 2024 09:13:32 +0200
Subject: [PATCH] fix: layout of model selector on mobile

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

diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 5b0eb96..f93123d 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="h-full w-full">
-						<img src={url} alt="Generiertes Bild" class="h-full w-full object-cover" />
+					<div class="h-full w-full rounded-container-token">
+						<img src={url} alt="Generiertes Bild" class="h-full w-full object-cover rounded-container-token" />
 					</div>
 				{:else}
 					<p>Generiere ein Bild!</p>
@@ -182,7 +182,7 @@
 		</div>
 		<div class="mb-4 px-4">
 			<p>Bildgenerations-Model</p>
-			<RadioGroup active="variant-filled-primary" hover="hover:variant-soft-primary">
+			<RadioGroup active="variant-filled-primary" hover="hover:variant-soft-primary" flexDirection="flex-col md:flex-row" display="flex">
 				{#each models as model}
 					<RadioItem bind:group={currentModel} value={model.value}>
 						{model.name}