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 /> <ProgressRadial />
{:then url} {:then url}
{#if url !== null} {#if url !== null}
<div class="mt-8"> <div class="mt-8 h-full w-full">
<img src={url} alt="Generiertes Bild" class="h-auto max-w-full" /> <img src={url} alt="Generiertes Bild" class="h-full w-full object-cover" />
</div> </div>
{:else} {:else}
<p>Generiere ein Bild!</p> <p>Generiere ein Bild!</p>
@ -180,16 +180,16 @@
</div> </div>
{/await} {/await}
</div> </div>
<div class="px-4 mb-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">
{#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}
</RadioItem> </RadioItem>
{/each} {/each}
</RadioGroup> </RadioGroup>
</div> </div>
</center> </center>
<form on:submit|preventDefault={handleSubmit} class="flex flex-col md:flex-row space-x-4"> <form on:submit|preventDefault={handleSubmit} class="flex flex-col md:flex-row space-x-4">