fix: proper image display

This commit is contained in:
Yandrik 2024-05-02 09:02:54 +02:00
parent 24ee69b98e
commit fc2bbdf104

View File

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