refac: styling

This commit is contained in:
Timothy J. Baek 2024-10-06 11:54:57 -07:00
parent 91e1b548a9
commit e6265897c8

View File

@ -106,32 +106,33 @@
class="w-full text-3xl text-gray-800 dark:text-gray-100 font-medium text-center flex items-center gap-4 font-primary" class="w-full text-3xl text-gray-800 dark:text-gray-100 font-medium text-center flex items-center gap-4 font-primary"
> >
<div class="w-full flex flex-col justify-center items-center"> <div class="w-full flex flex-col justify-center items-center">
<Tooltip <div class="flex flex-col md:flex-row justify-center gap-2 md:gap-3.5 w-fit">
className="flex flex-col md:flex-row justify-center gap-2 md:gap-3.5 w-fit"
content={(models[selectedModelIdx]?.info?.meta?.tags ?? [])
.map((tag) => tag.name.toUpperCase())
.join(', ')}
placement="top"
>
<div class="flex flex-shrink-0 justify-center"> <div class="flex flex-shrink-0 justify-center">
<div class="flex -space-x-4 mb-0.5" in:fade={{ duration: 100 }}> <div class="flex -space-x-4 mb-0.5" in:fade={{ duration: 100 }}>
{#each models as model, modelIdx} {#each models as model, modelIdx}
<button <Tooltip
on:click={() => { content={(models[modelIdx]?.info?.meta?.tags ?? [])
selectedModelIdx = modelIdx; .map((tag) => tag.name.toUpperCase())
}} .join(', ')}
placement="top"
> >
<img <button
crossorigin="anonymous" on:click={() => {
src={model?.info?.meta?.profile_image_url ?? selectedModelIdx = modelIdx;
($i18n.language === 'dg-DG' }}
? `/doge.png` >
: `${WEBUI_BASE_URL}/static/favicon.png`)} <img
class=" size-[2.5rem] rounded-full border-[1px] border-gray-200 dark:border-none" crossorigin="anonymous"
alt="logo" src={model?.info?.meta?.profile_image_url ??
draggable="false" ($i18n.language === 'dg-DG'
/> ? `/doge.png`
</button> : `${WEBUI_BASE_URL}/static/favicon.png`)}
class=" size-[2.5rem] rounded-full border-[1px] border-gray-200 dark:border-none"
alt="logo"
draggable="false"
/>
</button>
</Tooltip>
{/each} {/each}
</div> </div>
</div> </div>
@ -143,7 +144,7 @@
{$i18n.t('Hello, {{name}}', { name: $user.name })} {$i18n.t('Hello, {{name}}', { name: $user.name })}
{/if} {/if}
</div> </div>
</Tooltip> </div>
<div class="flex mt-1 mb-2"> <div class="flex mt-1 mb-2">
<div in:fade={{ duration: 100, delay: 50 }}> <div in:fade={{ duration: 100, delay: 50 }}>