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

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="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">
<Calendar className="size-3.5" strokeWidth="2" />
<div
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>
</button>
<span>{dayjs(note.created_at / 1000000).calendar()}</span>
</button>
<button class=" flex items-center gap-1 w-fit py-1 px-1.5 rounded-lg">
<Users className="size-3.5" strokeWidth="2" />
<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" />
<span> You </span>
</button>
<span> You </span>
</button>
{#if editor}
<div class="flex items-center gap-1 px-1">
<div>
{$i18n.t('{{count}} words', {
count: wordCount
})}
{#if editor}
<div class="flex items-center gap-1 px-1 min-w-fit">
<div>
{$i18n.t('{{count}} words', {
count: wordCount
})}
</div>
<div>
{$i18n.t('{{count}} characters', {
count: charCount
})}
</div>
</div>
<div>
{$i18n.t('{{count}} characters', {
count: charCount
})}
</div>
</div>
{/if}
{/if}
</div>
</div>
</div>