refac: styling

This commit is contained in:
Timothy J. Baek 2024-10-21 00:33:21 -07:00
parent 6cb41a38a6
commit 2bb82f258a
2 changed files with 6 additions and 6 deletions

View File

@ -56,7 +56,7 @@
</div> </div>
</Collapsible> </Collapsible>
<hr class="my-2 border-gray-100 dark:border-gray-800" /> <hr class="my-2 border-gray-50 dark:border-gray-850" />
{/if} {/if}
<Collapsible title={$i18n.t('Valves')}> <Collapsible title={$i18n.t('Valves')}>
@ -65,20 +65,20 @@
</div> </div>
</Collapsible> </Collapsible>
<hr class="my-2 border-gray-100 dark:border-gray-800" /> <hr class="my-2 border-gray-50 dark:border-gray-850" />
<Collapsible title={$i18n.t('System Prompt')} open={true}> <Collapsible title={$i18n.t('System Prompt')} open={true}>
<div class=" mt-1.5" slot="content"> <div class=" mt-1.5" slot="content">
<textarea <textarea
bind:value={params.system} bind:value={params.system}
class="w-full rounded-lg px-3.5 py-2.5 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-100 dark:border-gray-800 outline-none resize-none" class="w-full rounded-lg px-3.5 py-2.5 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-50 dark:border-gray-850 outline-none resize-none"
rows="4" rows="4"
placeholder={$i18n.t('Enter system prompt')} placeholder={$i18n.t('Enter system prompt')}
/> />
</div> </div>
</Collapsible> </Collapsible>
<hr class="my-2 border-gray-100 dark:border-gray-800" /> <hr class="my-2 border-gray-50 dark:border-gray-850" />
<Collapsible title={$i18n.t('Advanced Params')} open={true}> <Collapsible title={$i18n.t('Advanced Params')} open={true}>
<div class="text-sm mt-1.5" slot="content"> <div class="text-sm mt-1.5" slot="content">

View File

@ -47,12 +47,12 @@
class=" bg-gradient-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur" class=" bg-gradient-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur"
></div> ></div>
<div class=" flex max-w-full w-full mx-auto px-2 pt-0.5 md:px-[1rem] bg-transparent"> <div class=" flex max-w-full w-full mx-auto px-2 pt-0.5 bg-transparent">
<div class="flex items-center w-full max-w-full"> <div class="flex items-center w-full max-w-full">
<div <div
class="{$showSidebar class="{$showSidebar
? 'md:hidden' ? 'md:hidden'
: ''} mr-3 self-start flex flex-none items-center text-gray-600 dark:text-gray-400" : ''} mr-2 self-start flex flex-none items-center text-gray-600 dark:text-gray-400"
> >
<button <button
id="sidebar-toggle-button" id="sidebar-toggle-button"