refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2024-11-10 18:42:52 -08:00
parent 9a546c34bb
commit 466e1fecb4
4 changed files with 117 additions and 119 deletions

View file

@ -218,7 +218,7 @@
}); });
</script> </script>
<div class="w-full max-h-full"> <div class="w-full max-h-full flex justify-center">
<input <input
bind:this={filesInputElement} bind:this={filesInputElement}
bind:files={inputFiles} bind:files={inputFiles}
@ -657,7 +657,7 @@
{/if} {/if}
</div> </div>
<div class="my-2 flex justify-end mb-20"> <div class="my-2 flex justify-end pb-20">
<button <button
class=" text-sm px-3 py-2 transition rounded-lg {loading class=" text-sm px-3 py-2 transition rounded-lg {loading
? ' cursor-not-allowed bg-white hover:bg-gray-100 text-black' ? ' cursor-not-allowed bg-white hover:bg-gray-100 text-black'

View file

@ -58,8 +58,9 @@
}); });
</script> </script>
<div class="w-full max-h-full flex justify-center">
<form <form
class="flex flex-col max-w-4xl mx-auto mt-4 mb-10 pb-10" class="flex flex-col max-w-4xl mx-auto mb-10 py-4"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
submitHandler(); submitHandler();
}} }}
@ -134,7 +135,7 @@
</div> </div>
</div> </div>
<div class="my-4 flex justify-end"> <div class="my-4 flex justify-end pb-20">
<button <button
class=" text-sm px-3 py-2 transition rounded-lg {loading class=" text-sm px-3 py-2 transition rounded-lg {loading
? ' cursor-not-allowed bg-white hover:bg-gray-100 text-black' ? ' cursor-not-allowed bg-white hover:bg-gray-100 text-black'
@ -174,3 +175,4 @@
</button> </button>
</div> </div>
</form> </form>
</div>

View file

@ -58,8 +58,6 @@
}); });
</script> </script>
<div class="w-full max-h-full">
{#key prompt} {#key prompt}
<PromptEditor {prompt} {onSubmit} /> <PromptEditor {prompt} {onSubmit} />
{/key} {/key}
</div>

View file

@ -44,8 +44,6 @@
}); });
</script> </script>
<div class="w-full max-h-full">
{#if prompt} {#if prompt}
<PromptEditor {prompt} {onSubmit} edit /> <PromptEditor {prompt} {onSubmit} edit />
{/if} {/if}
</div>