bhetherman/open-webui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek committed 2026-08-10 18:52:18 -06:00
1 parent eeaf1a1df0
commit d4461bd6f3
139 files changed
+470 -470
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/calendar/CalendarEventChip.svelte
+2 -2
View File
@@ -11,13 +11,13 @@
<Tooltip content="{event.title}{event.location ? ` · ${event.location}` : ''}">
<button
class="w-full text-left text-xs flex items-start gap-1.5 py-[1px] px-0.5 rounded-md
class="w-full text-left text-xs flex items-start gap-1.5 py-[0.0625rem] px-0.5 rounded-md
{event.meta?.automation_id ? 'opacity-60' : ''}
hover:bg-gray-50 dark:hover:bg-gray-800/50 transition truncate"
on:click|stopPropagation={() => dispatch('click', event)}
>
<span
class="shrink-0 size-[7px] rounded-full mt-[5px]"
class="shrink-0 size-[0.4375rem] rounded-full mt-[0.3125rem]"
style="background-color: {event.color || calendarColor || '#3b82f6'};"
></span>
<span class="truncate">
src/lib/components/calendar/CalendarSidebar.svelte
+4 -4
View File
@@ -106,7 +106,7 @@
<!-- Mini Month Calendar -->
<div>
<div class="flex items-center justify-between px-1 mb-1.5 mt-1.5">
<div class="text-[11px] font-normal">{miniMonthNames[miniMonth]} {miniYear}</div>
<div class="text-[0.6875rem] font-normal">{miniMonthNames[miniMonth]} {miniYear}</div>
<div class="flex items-center gap-0.5">
<button
class="p-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition"
@@ -149,13 +149,13 @@
</div>
</div>
<div class="grid grid-cols-7 text-center text-[9px] text-gray-400 dark:text-gray-500 mb-0.5">
<div class="grid grid-cols-7 text-center text-[0.5625rem] text-gray-400 dark:text-gray-500 mb-0.5">
{#each ['S', 'M', 'T', 'W', 'T', 'F', 'S'] as d}
<div class="py-0.5">{d}</div>
{/each}
</div>
<div class="grid grid-cols-7 text-center text-[10px]">
<div class="grid grid-cols-7 text-center text-[0.625rem]">
{#each miniDays as day}
<button
class="w-6 h-6 flex items-center justify-center rounded-full transition
@@ -178,7 +178,7 @@
<!-- Calendar List -->
<div>
<div class="flex items-center justify-between mb-1 px-1">
<div class="text-[11px] text-gray-400 dark:text-gray-500 uppercase tracking-wider">
<div class="text-[0.6875rem] text-gray-400 dark:text-gray-500 uppercase tracking-wider">
{$i18n.t('Calendars')}
</div>
<button
src/lib/components/calendar/CalendarView.svelte
+8 -8
View File
@@ -188,7 +188,7 @@
{#if dayEvents.length > 3}
<!-- svelte-ignore a11y-click-events-have-key-events --><!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class="text-[10px] text-gray-400 dark:text-gray-500 px-1 mt-auto hover:text-gray-700 dark:hover:text-gray-200 text-left w-full truncate z-10"
class="text-[0.625rem] text-gray-400 dark:text-gray-500 px-1 mt-auto hover:text-gray-700 dark:hover:text-gray-200 text-left w-full truncate z-10"
on:click|stopPropagation={() => goToDayView(day)}
>
+{dayEvents.length - 3} more
@@ -207,7 +207,7 @@
class="flex-1 rounded-2xl bg-white dark:bg-gray-900 border border-gray-100/30 dark:border-gray-850/30 overflow-hidden relative"
>
<div class="absolute inset-0 overflow-x-auto flex flex-col">
<div class="min-w-[700px] flex flex-col flex-1">
<div class="min-w-[43.75rem] flex flex-col flex-1">
<div
class="grid grid-cols-[52px_repeat(7,1fr)] shrink-0 border-b border-gray-100/30 dark:border-gray-850/30"
>
@@ -218,7 +218,7 @@
? 'border-l border-gray-100/20 dark:border-gray-850/20'
: ''}"
>
<div class="text-[11px] text-gray-400 dark:text-gray-500">
<div class="text-[0.6875rem] text-gray-400 dark:text-gray-500">
{DAY_NAMES[day.getDay()]}
</div>
<div
@@ -237,12 +237,12 @@
<div class="flex-1 overflow-y-auto">
{#each hours as hour}
<div
class="grid grid-cols-[52px_repeat(7,1fr)] min-h-[52px] {hour > 0
class="grid grid-cols-[52px_repeat(7,1fr)] min-h-[3.25rem] {hour > 0
? 'border-t border-gray-100/15 dark:border-gray-850/15'
: ''}"
>
<div
class="text-[10px] text-gray-400 dark:text-gray-500 text-right pr-2 select-none -mt-1.5 z-10"
class="text-[0.625rem] text-gray-400 dark:text-gray-500 text-right pr-2 select-none -mt-1.5 z-10"
>
{hour > 0 ? formatHour(hour) : ''}
</div>
@@ -265,7 +265,7 @@
{#if hourEvents.length > 3}
<!-- svelte-ignore a11y-click-events-have-key-events --><!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class="text-[10px] text-gray-400 dark:text-gray-500 px-1 mt-auto hover:text-gray-700 dark:hover:text-gray-200 text-left w-full truncate z-10"
class="text-[0.625rem] text-gray-400 dark:text-gray-500 px-1 mt-auto hover:text-gray-700 dark:hover:text-gray-200 text-left w-full truncate z-10"
on:click|stopPropagation={() => goToDayView(day)}
>
+{hourEvents.length - 3} more
@@ -291,12 +291,12 @@
{#each hours as hour}
{@const hourEvents = getEventsForHour(currentDate, hour, filteredEvents)}
<div
class="flex min-h-[52px] {hour > 0
class="flex min-h-[3.25rem] {hour > 0
? 'border-t border-gray-100/15 dark:border-gray-850/15'
: ''}"
>
<div
class="w-14 shrink-0 text-[10px] text-gray-400 dark:text-gray-500 text-right pr-3 mt-1 select-none"
class="w-14 shrink-0 text-[0.625rem] text-gray-400 dark:text-gray-500 text-right pr-3 mt-1 select-none"
>
{formatHour(hour)}
</div>