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 /> <ProgressRadial />
{:then url} {:then url}
{#if url !== null} {#if url !== null}
<div class="h-full w-full"> <div class="h-full w-full rounded-container-token">
<img src={url} alt="Generiertes Bild" class="h-full w-full object-cover" /> <img src={url} alt="Generiertes Bild" class="h-full w-full object-cover rounded-container-token" />
</div> </div>
{:else} {:else}
<p>Generiere ein Bild!</p> <p>Generiere ein Bild!</p>
@ -182,7 +182,7 @@
</div> </div>
<div class="mb-4 px-4"> <div class="mb-4 px-4">
<p>Bildgenerations-Model</p> <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} {#each models as model}
<RadioItem bind:group={currentModel} value={model.value}> <RadioItem bind:group={currentModel} value={model.value}>
{model.name} {model.name}