refac: styling

src/lib/components/workspace/Models/ModelEditor.svelte

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

src/lib/components/workspace/Prompts/PromptEditor.svelte

@@ -58,12 +58,13 @@
 	});
 </script>
 
-<form
-	class="flex flex-col max-w-4xl mx-auto mt-4 mb-10 pb-10"
+<div class="w-full max-h-full flex justify-center">
+	<form
+		class="flex flex-col max-w-4xl mx-auto mb-10 py-4"
 		on:submit|preventDefault={() => {
 			submitHandler();
 		}}
->
+	>
 		<div class="my-2">
 			<Tooltip
 				content={`${$i18n.t('Only alphanumeric characters and hyphens are allowed')} - ${$i18n.t(
@@ -134,7 +135,7 @@
 			</div>
 		</div>
 
-	<div class="my-4 flex justify-end">
+		<div class="my-4 flex justify-end pb-20">
 			<button
 				class=" text-sm px-3 py-2 transition rounded-lg {loading
 					? ' cursor-not-allowed bg-white hover:bg-gray-100 text-black'
@@ -173,4 +174,5 @@
 				{/if}
 			</button>
 		</div>
-</form>
+	</form>
+</div>

src/routes/(app)/workspace/prompts/create/+page.svelte

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

src/routes/(app)/workspace/prompts/edit/+page.svelte

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