refac: styling

This commit is contained in:
Timothy J. Baek 2024-11-07 01:00:30 -08:00
parent 9ea9e8478a
commit b1a941ee6f

View File

@ -306,13 +306,13 @@
<img <img
src={info.meta.profile_image_url} src={info.meta.profile_image_url}
alt="model profile" alt="model profile"
class="rounded-lg size-64 object-cover shrink-0" class="rounded-lg size-72 object-cover shrink-0"
/> />
{:else} {:else}
<img <img
src="/static/favicon.png" src="/static/favicon.png"
alt="model profile" alt="model profile"
class=" rounded-lg size-64 object-cover shrink-0" class=" rounded-lg size-72 object-cover shrink-0"
/> />
{/if} {/if}
</button> </button>
@ -410,8 +410,6 @@
<div class=" self-center text-sm font-semibold">{$i18n.t('Model Params')}</div> <div class=" self-center text-sm font-semibold">{$i18n.t('Model Params')}</div>
</div> </div>
<!-- <div class=" text-sm font-semibold mb-2"></div> -->
<div class="mt-2"> <div class="mt-2">
<div class="my-1"> <div class="my-1">
<div class=" text-xs font-semibold mb-2">{$i18n.t('System Prompt')}</div> <div class=" text-xs font-semibold mb-2">{$i18n.t('System Prompt')}</div>
@ -516,12 +514,12 @@
</div> </div>
{#if info?.meta?.suggestion_prompts} {#if info?.meta?.suggestion_prompts}
<div class="flex flex-col space-y-1 mt-2"> <div class="flex flex-col space-y-1 mt-1 mb-3">
{#if info.meta.suggestion_prompts.length > 0} {#if info.meta.suggestion_prompts.length > 0}
{#each info.meta.suggestion_prompts as prompt, promptIdx} {#each info.meta.suggestion_prompts as prompt, promptIdx}
<div class=" flex border dark:border-gray-600 rounded-lg"> <div class=" flex rounded-lg">
<input <input
class="px-3 py-1.5 text-sm w-full bg-transparent outline-none border-r dark:border-gray-600" class=" text-sm w-full bg-transparent outline-none border-r border-gray-50 dark:border-gray-850"
placeholder={$i18n.t('Write a prompt suggestion (e.g. Who are you?)')} placeholder={$i18n.t('Write a prompt suggestion (e.g. Who are you?)')}
bind:value={prompt.content} bind:value={prompt.content}
/> />
@ -640,7 +638,7 @@
<div class="my-2 flex justify-end mb-20"> <div class="my-2 flex justify-end mb-20">
<button <button
class=" text-sm px-3 py-2 transition rounded-xl {loading class=" text-sm px-3 py-2 transition rounded-lg {loading
? ' cursor-not-allowed bg-gray-100 dark:bg-gray-800' ? ' cursor-not-allowed bg-gray-100 dark:bg-gray-800'
: ' bg-gray-50 hover:bg-gray-100 dark:bg-white dark:hover:bg-gray-100 dark:text-black'} flex w-full justify-center" : ' bg-gray-50 hover:bg-gray-100 dark:bg-white dark:hover:bg-gray-100 dark:text-black'} flex w-full justify-center"
type="submit" type="submit"