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

refac: styling

Browse source
This commit is contained in:
Timothy J. Baek 2024-05-02 00:23:32 -07:00
parent 5613af032d
commit 714bdca3f3
5 changed files with 51 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/chat/MessageInput.svelte
View file

@ -425,7 +425,7 @@
<div class="fixed bottom-0 {$showSidebar ? 'left-0 lg:left-[260px]' : 'left-0'} right-0">
<div class="w-full">
<div class=" px-2.5 -mb-0.5 mx-auto inset-x-0 bg-transparent flex justify-center">
<div class="flex flex-col max-w-3xl w-full">
<div class="flex flex-col max-w-5xl w-full">
<div class="relative">
{#if autoScroll === false && messages.length > 0}
<div class=" absolute -top-12 left-0 right-0 flex justify-center">
@ -497,7 +497,7 @@
</div>
</div>
<div class="bg-white dark:bg-gray-900">
<div class="max-w-3xl px-2.5 mx-auto inset-x-0">
<div class="max-w-6xl px-2.5 lg:px-16 mx-auto inset-x-0">
<div class=" pb-2">
<input
bind:this={filesInputElement}

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

@ -267,7 +267,7 @@
<div
class="flex flex-col justify-between px-5 mb-3 {$settings?.fullScreenMode ?? null
? 'max-w-full'
: 'max-w-3xl'} mx-auto rounded-lg group"
: 'max-w-4xl'} mx-auto rounded-lg group"
>
{#if message.role === 'user'}
<UserMessage

2
src/lib/components/chat/Messages/Placeholder.svelte
View file

@ -32,7 +32,7 @@
</script>
{#key mounted}
<div class="m-auto w-full max-w-3xl px-8 lg:px-0 pb-16">
<div class="m-auto w-full max-w-6xl px-8 lg:px-24 pb-16">
<div class="flex justify-start">
<div class="flex -space-x-4 mb-1" in:fade={{ duration: 200 }}>
{#each models as model, modelIdx}