UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-02-06 13:10:16 +00:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

refac: navbar styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/chat/Chat.svelte
View File

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

2
src/lib/components/chat/Messages.svelte
View File

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

11
src/lib/components/layout/Navbar.svelte
View File

@ -39,8 +39,13 @@
</script> </script>
<ShareChatModal bind:show={showShareChatModal} chatId={$chatId} /> <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="flex items-center w-full max-w-full">
<div <div
class="{$showSidebar class="{$showSidebar
@ -178,4 +183,4 @@
</div> </div>
</div> </div>
</div> </div>
</nav> </div>