UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-07 17:19:53 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek 2024-07-17 11:53:49 +02:00
parent bdadfc958c
commit ed21f9f906
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -501,7 +501,7 @@
dir={$settings?.chatDirection ?? 'LTR'} dir={$settings?.chatDirection ?? 'LTR'}
> >
{#if files.length > 0} {#if files.length > 0}
<div class="mx-2 mt-2 mb-1 flex flex-wrap gap-2"> <div class="mx-1 mt-2.5 mb-1 flex flex-wrap gap-2">
{#each files as file, fileIdx} {#each files as file, fileIdx}
{#if file.type === 'image'} {#if file.type === 'image'}
<div class=" relative group"> <div class=" relative group">

7
src/lib/components/common/FileItem.svelte
View File

@ -7,8 +7,9 @@
export let className = 'w-72'; export let className = 'w-72';
export let url: string | null = null; export let url: string | null = null;
export let dismissible = false; export let clickHandler: Function | null = null;
export let dismissible = false;
export let status = 'processed'; export let status = 'processed';
export let name: string; export let name: string;
@ -20,6 +21,7 @@
class="h-14 {className} flex items-center space-x-3 bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-800 text-left" class="h-14 {className} flex items-center space-x-3 bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-800 text-left"
type="button" type="button"
on:click={async () => { on:click={async () => {
if (clickHandler === null) {
if (url) { if (url) {
if (type === 'file') { if (type === 'file') {
window.open(`${url}/content`, '_blank').focus(); window.open(`${url}/content`, '_blank').focus();
@ -27,6 +29,9 @@
window.open(`${url}`, '_blank').focus(); window.open(`${url}`, '_blank').focus();
} }
} }
} else {
clickHandler();
}
}} }}
> >
<div class="p-4 py-[1.1rem] bg-red-400 text-white rounded-l-xl"> <div class="p-4 py-[1.1rem] bg-red-400 text-white rounded-l-xl">