Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-02 19:55:18 +02:00
Code Issues Releases Activity

Fix up image selection modal

Browse source
This commit is contained in:
Sean Morley 2024-06-15 16:44:47 +00:00
parent 9e18bf167e
commit ea20f1a5a7
1 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/lib/components/ImageModal.svelte
View file

@ -27,6 +27,10 @@
}
async function submit() {
if (!imageUrl && !imageFile) {
close();
}
try {
let key: string;
if (viewType === "url") {
@ -125,12 +129,8 @@
/>
</div>
{#if viewType == "url"}
<button class="btn btn-secondary mb-2" on:click={searchImage}
>Search for Image</button
>
<form method="dialog" style="width: 100%;" class="mb-4">
<div>
<label for="rating">Image URL</label>
<form method="dialog" style="width: 100%;" class="mb-8">
<div class="flex justify-center items-center gap-2">
<input
type="text"
id="imageUrl"
@ -138,19 +138,25 @@
class="input input-bordered w-full max-w-xs"
placeholder="Enter the URL of the image"
/>
<button
type="button"
class="btn btn-neutral mb-2"
on:click={searchImage}
>Search for Image <iconify-icon icon="mdi:magnify" class="text-xl"
></iconify-icon></button
>
</div>
</form>
{/if}
{#if viewType == "upload"}
<form method="dialog" style="width: 100%;" class="mb-4">
<div>
<label for="rating">Image Upload</label>
<form method="dialog" style="width: 100%;" class="mb-8">
<div class="flex justify-center items-center">
<input
type="file"
id="imageFile"
on:change={handleFileChange}
placeholder="Upload an image file"
class="input input-bordered w-full max-w-xs"
class="file-input file-input-bordered w-full max-w-xs"
/>
</div>
</form>