UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-12-29 15:25:29 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2024-12-22 22:37:14 -07:00
parent 74cacf8bf5
commit e93b37bab1
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/channel/Messages.svelte
View File

@ -11,6 +11,8 @@
dayjs.extend(isYesterday); dayjs.extend(isYesterday);
import { tick, getContext, onMount, createEventDispatcher } from 'svelte'; import { tick, getContext, onMount, createEventDispatcher } from 'svelte';
import { settings } from '$lib/stores';
import Message from './Messages/Message.svelte'; import Message from './Messages/Message.svelte';
import Loader from '../common/Loader.svelte'; import Loader from '../common/Loader.svelte';
import Spinner from '../common/Spinner.svelte'; import Spinner from '../common/Spinner.svelte';
@ -57,12 +59,16 @@
</div> </div>
</Loader> </Loader>
{:else} {:else}
<div class="px-5"> <div
class="px-5 py-5
{($settings?.widescreenMode ?? null) ? 'max-w-full' : 'max-w-5xl'} mx-auto"
>
{#if channel} {#if channel}
<div class="flex flex-col py-1 gap-1.5"> <div class="flex flex-col py-1 gap-1.5">
<div class="text-xl font-medium">{channel.name}</div> <div class="text-2xl font-medium capitalize">{channel.name}</div>
<div class="text-sm text-gray-500"> <div class=" text-gray-500">
This channel was created on {dayjs(channel.created_at / 1000000).format( This channel was created on {dayjs(channel.created_at / 1000000).format(
'MMMM D, YYYY' 'MMMM D, YYYY'
)}. This is the very beginning of the {channel.name} )}. This is the very beginning of the {channel.name}
@ -75,6 +81,10 @@
</div> </div>
{/if} {/if}
</div> </div>
{#if messageList.length > 0}
<hr class=" border-gray-50 dark:border-gray-700/20 py-2.5 w-full" />
{/if}
{/if} {/if}
{#each messageList as message, messageIdx (message.id)} {#each messageList as message, messageIdx (message.id)}