fix: layout of model selector on mobile

This commit is contained in:
Yandrik 2024-05-02 09:13:32 +02:00
parent 88a924be6c
commit 857efe6faa

View File

@ -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}