tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

Merge pull request #82 from ollama-webui/dev

Browse source 
doc: demo gif
This commit is contained in:
Timothy Jaeryang Baek 2023-11-08 19:42:49 -05:00 committed by GitHub
commit 3fe2f408f9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
demo.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

19
src/routes/+page.svelte
View file

@ -123,7 +123,10 @@
topBarDiv.style.borderTopLeftRadius = '8px'; topBarDiv.style.borderTopLeftRadius = '8px';
let langDiv = document.createElement('div'); let langDiv = document.createElement('div');
langDiv.textContent = code?.className.split(' ')[0].slice(9);
let codeClassNames = code?.className.split(' ');
langDiv.textContent =
codeClassNames[0] === 'hljs' ? codeClassNames[1].slice(9) : codeClassNames[0].slice(9);
langDiv.style.color = 'white'; langDiv.style.color = 'white';
langDiv.style.margin = '4px'; langDiv.style.margin = '4px';
langDiv.style.fontSize = '0.75rem'; langDiv.style.fontSize = '0.75rem';
@ -771,7 +774,7 @@
<svelte:window <svelte:window
on:scroll={(e) => { on:scroll={(e) => {
autoScroll = window.innerHeight + window.scrollY >= document.body.offsetHeight - 30; autoScroll = window.innerHeight + window.scrollY >= document.body.offsetHeight - 40;
}} }}
/> />
@ -850,16 +853,12 @@
<div class=" h-full mt-10 mb-32 w-full flex flex-col"> <div class=" h-full mt-10 mb-32 w-full flex flex-col">
{#if messages.length == 0} {#if messages.length == 0}
<div class="m-auto text-center max-w-md pb-32 px-2"> <div class="m-auto text-center max-w-md pb-56 px-2">
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<img src="/ollama.png" class="w-16 invert-[80%]" /> <img src="/ollama.png" class=" w-16 invert-[10%] dark:invert-[100%] rounded-full" />
</div> </div>
<div class="mt-6 text-3xl text-gray-400 dark:text-gray-500 font-semibold"> <div class=" mt-1 text-2xl text-gray-800 dark:text-gray-100 font-semibold">
Get up and running with large language models, locally. How can I help you today?
</div>
<div class=" my-4 text-gray-300 dark:text-gray-600">
Run Llama 2, Code Llama, and other models. <br /> Customize and create your own.
</div> </div>
</div> </div>
{:else} {:else}