ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-13 12:55:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-07-11 12:39:58 +04:00
parent 77c1905609
commit 11914d20b4
1 changed files with 32 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/lib/components/notes/NoteEditor.svelte
View file

@ -864,34 +864,44 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
<div class=" mb-2.5 px-2.5"> <div class=" mb-2.5 px-2.5">
<div <div
class="flex gap-1 items-center text-xs font-medium text-gray-500 dark:text-gray-500" class=" flex w-full bg-transparent overflow-x-auto scrollbar-none"
on:wheel={(e) => {
if (e.deltaY !== 0) {
e.preventDefault();
e.currentTarget.scrollLeft += e.deltaY;
}
}}
> >
<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg"> <div
<Calendar className="size-3.5" strokeWidth="2" /> class="flex gap-1 items-center text-xs font-medium text-gray-500 dark:text-gray-500 w-fit"
>
<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit">
<Calendar className="size-3.5" strokeWidth="2" />
<span>{dayjs(note.created_at / 1000000).calendar()}</span> <span>{dayjs(note.created_at / 1000000).calendar()}</span>
</button> </button>
<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg"> <button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg min-w-fit">
<Users className="size-3.5" strokeWidth="2" /> <Users className="size-3.5" strokeWidth="2" />
<span> You </span> <span> You </span>
</button> </button>
{#if editor} {#if editor}
<div class="flex items-center gap-1 px-1"> <div class="flex items-center gap-1 px-1 min-w-fit">
<div> <div>
{$i18n.t('{{count}} words', { {$i18n.t('{{count}} words', {
count: wordCount count: wordCount
})} })}
</div>
<div>
{$i18n.t('{{count}} characters', {
count: charCount
})}
</div>
</div> </div>
<div> {/if}
{$i18n.t('{{count}} characters', { </div>
count: charCount
})}
</div>
</div>
{/if}
</div> </div>
</div> </div>