OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-05-17 12:03:41 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Add layout direction to all the chat components

Browse Source
This commit is contained in:
Ido Henri Mamia 2024-05-16 23:26:36 +03:00
parent a3a832a935
commit 16b218e686
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/chat/MessageInput.svelte
View File

@ -584,6 +584,7 @@
}} }}
/> />
<form <form
dir={$settings?.chatDirection}
class=" flex flex-col relative w-full rounded-3xl px-1.5 border border-gray-100 dark:border-gray-850 bg-white dark:bg-gray-900 dark:text-gray-100" class=" flex flex-col relative w-full rounded-3xl px-1.5 border border-gray-100 dark:border-gray-850 bg-white dark:bg-gray-900 dark:text-gray-100"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
submitPrompt(prompt, user); submitPrompt(prompt, user);

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

@ -332,7 +332,7 @@
<CitationsModal bind:show={showCitationModal} citation={selectedCitation} /> <CitationsModal bind:show={showCitationModal} citation={selectedCitation} />
{#key message.id} {#key message.id}
<div class=" flex w-full message-{message.id}" id="message-{message.id}"> <div class=" flex w-full message-{message.id}" id="message-{message.id}" dir="{$settings.chatDirection}">
<ProfileImage <ProfileImage
src={modelfiles[message.model]?.imageUrl ?? src={modelfiles[message.model]?.imageUrl ??
($i18n.language === 'dg-DG' ? `/doge.png` : `${WEBUI_BASE_URL}/static/favicon.png`)} ($i18n.language === 'dg-DG' ? `/doge.png` : `${WEBUI_BASE_URL}/static/favicon.png`)}

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

@ -54,7 +54,7 @@
}; };
</script> </script>
<div class=" flex w-full"> <div class=" flex w-full" dir="{$settings.chatDirection}">
<ProfileImage <ProfileImage
src={message.user src={message.user
? $modelfiles.find((modelfile) => modelfile.tagName === message.user)?.imageUrl ?? '/user.png' ? $modelfiles.find((modelfile) => modelfile.tagName === message.user)?.imageUrl ?? '/user.png'