This commit is contained in:
Timothy Jaeryang Baek
2026-07-15 04:33:06 -04:00
parent d859110311
commit 59fc600b52
8 changed files with 50 additions and 46 deletions
@@ -333,11 +333,11 @@ class Pipe:
};
</script>
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
<div class="mx-auto w-full md:px-0 h-full">
<div class=" flex flex-col justify-between w-full min-w-0 overflow-y-auto overflow-x-hidden h-full">
<div class="mx-auto w-full min-w-0 md:px-0 h-full">
<form
bind:this={formElement}
class=" flex flex-col max-h-[100dvh] h-full"
class=" flex flex-col min-w-0 max-h-[100dvh] h-full"
on:submit|preventDefault={() => {
if (edit) {
submitHandler();
@@ -346,9 +346,9 @@ class Pipe:
}
}}
>
<div class="flex flex-col flex-1 overflow-auto h-0 rounded-lg">
<div class="flex flex-col flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<div class="w-full mb-2 flex flex-col gap-0.5">
<div class="flex w-full items-center">
<div class="flex w-full min-w-0 items-center">
<div class=" shrink-0 mr-2">
<Tooltip content={$i18n.t('Back')}>
<button
@@ -363,10 +363,10 @@ class Pipe:
</Tooltip>
</div>
<div class="flex-1">
<div class="flex-1 min-w-0">
<Tooltip content={$i18n.t('e.g. My Filter')} placement="top-start">
<input
class="w-full text-2xl font-normal bg-transparent outline-hidden "
class="w-full text-2xl font-normal bg-transparent outline-hidden"
type="text"
placeholder={$i18n.t('Function Name')}
bind:value={name}
@@ -375,7 +375,7 @@ class Pipe:
</Tooltip>
</div>
<div class="flex items-center gap-2">
<div class="flex shrink-0 items-center gap-2">
{#if !edit}
<select
class="text-xs bg-transparent border border-gray-100 dark:border-gray-800 rounded-lg px-2 py-1 outline-hidden"
@@ -391,7 +391,7 @@ class Pipe:
</div>
</div>
<div class=" flex gap-2 px-1 items-center">
<div class=" flex min-w-0 gap-2 px-1 items-center">
{#if edit}
<div class="text-sm text-gray-500 shrink-0">
{id}
@@ -425,7 +425,7 @@ class Pipe:
</div>
</div>
<div class="mb-2 flex-1 overflow-auto h-0 rounded-lg">
<div class="mb-2 flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<CodeEditor
bind:this={codeEditor}
value={content}