refac: navbar styling

This commit is contained in:
Timothy J. Baek 2024-10-05 14:26:54 -07:00
parent f5004fd9d4
commit 1397bfa84c
3 changed files with 10 additions and 5 deletions

View File

@ -1926,7 +1926,7 @@
{initNewChat}
/>
<PaneGroup direction="horizontal" class="w-full h-full">
<PaneGroup direction="horizontal" class="w-full h-ful pt-2">
<Pane defaultSize={50} class="h-full flex w-full relative">
{#if $banners.length > 0 && !history.currentId && !$chatId && selectedModels.length <= 1}
<div class="absolute top-3 left-0 right-0 w-full z-20">

View File

@ -308,7 +308,7 @@
};
</script>
<div class="h-full flex">
<div class="h-full flex pt-8">
{#if Object.keys(history?.messages ?? {}).length == 0}
<Placeholder {selectedModels} bind:prompt />
{:else}

View File

@ -39,8 +39,13 @@
</script>
<ShareChatModal bind:show={showShareChatModal} chatId={$chatId} />
<nav id="nav" class=" sticky py-2.5 top-0 flex flex-row justify-center z-10">
<div class=" flex max-w-full w-full mx-auto px-5 pt-0.5 md:px-[1rem]">
<div class="sticky top-0 z-50 w-full px-1 py-2 -mb-8 flex items-center">
<div
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 class=" flex max-w-full w-full mx-auto px-5 pt-0.5 md:px-[1rem] bg-transparen">
<div class="flex items-center w-full max-w-full">
<div
class="{$showSidebar
@ -178,4 +183,4 @@
</div>
</div>
</div>
</nav>
</div>