Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix button placement on assistant edit/create form #962

Merged
merged 3 commits into from Apr 2, 2024
Merged

Fix button placement on assistant edit/create form #962

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
07870fd
Fix button placement on assistant edit/create form
nsarrazin Mar 28, 2024
79f9a86
rm unnecessary changes
nsarrazin Mar 28, 2024
5c7efeb
Fix alignment
nsarrazin Apr 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
41 changes: 20 additions & 21 deletions src/lib/components/AssistantSettings.svelte
View file
Open in desktop
Expand Up @@ -526,7 +526,7 @@
{/if}
</div>

<div class="col-span-1 flex h-full flex-col">
<div class="relative col-span-1 flex h-full flex-col">
<div class="mb-1 flex justify-between text-sm">
<span class="font-semibold"> Instructions (System Prompt) </span>
{#if dynamicPrompt && templateVariables.length}
Expand Down Expand Up @@ -572,26 +572,25 @@

<p class="text-xs text-red-500">{getError("preprompt", form)}</p>
</div>
</div>

<div class="fixed bottom-6 right-6 ml-auto mt-6 flex w-fit justify-end gap-2 sm:absolute">
<a
href={assistant ? `${base}/settings/assistants/${assistant?._id}` : `${base}/settings`}
class="flex items-center justify-center rounded-full bg-gray-200 px-5 py-2 font-semibold text-gray-600"
>
Cancel
</a>
<button
type="submit"
disabled={loading}
aria-disabled={loading}
class="flex items-center justify-center rounded-full bg-black px-8 py-2 font-semibold"
class:bg-gray-200={loading}
class:text-gray-600={loading}
class:text-white={!loading}
>
{assistant ? "Save" : "Create"}
</button>
<div class="absolute bottom-6 flex w-full justify-end gap-2 md:right-0 md:w-fit">
<a
href={assistant ? `${base}/settings/assistants/${assistant?._id}` : `${base}/settings`}
class="flex items-center justify-center rounded-full bg-gray-200 px-5 py-2 font-semibold text-gray-600"
>
Cancel
</a>
<button
type="submit"
disabled={loading}
aria-disabled={loading}
class="flex items-center justify-center rounded-full bg-black px-8 py-2 font-semibold"
class:bg-gray-200={loading}
class:text-gray-600={loading}
class:text-white={!loading}
>
{assistant ? "Save" : "Create"}
</button>
</div>
</div>
</div>
</form>