sass/root-org
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mega push vol 5, working on messaging now

Browse Source
This commit is contained in:
AlacrisDevs
2026-02-07 01:31:55 +02:00
parent d8bbfd9dc3
commit e55881b38b
77 changed files with 8478 additions and 1554 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/components/calendar/Calendar.svelte
View File

@@ -128,7 +128,7 @@
<div class="flex items-center justify-between px-2">
<div class="flex items-center gap-2">
<button
class="p-1 text-light/60 hover:text-light hover:bg-dark rounded-lg transition-colors"
class="p-1 text-light/60 hover:text-light hover:bg-dark rounded-full transition-colors"
onclick={prev}
aria-label="Previous"
>
@@ -143,7 +143,7 @@
>{headerTitle}</span
>
<button
class="p-1 text-light/60 hover:text-light hover:bg-dark rounded-lg transition-colors"
class="p-1 text-light/60 hover:text-light hover:bg-dark rounded-full transition-colors"
onclick={next}
aria-label="Next"
>
@@ -203,7 +203,9 @@
</div>
<!-- Calendar Grid -->
<div class="flex-1 flex flex-col gap-2 min-h-0">
<div
class="flex-1 flex flex-col gap-2 min-h-0 rounded-lg overflow-hidden"
>
{#each weeks as week}
<div class="grid grid-cols-7 gap-2 flex-1">
{#each week as day}
@@ -211,7 +213,7 @@
{@const isToday = isSameDay(day, today)}
{@const inMonth = isCurrentMonth(day)}
<div
class="bg-night rounded-none flex flex-col items-start px-4 py-5 overflow-hidden transition-colors hover:bg-dark/50 min-h-0 cursor-pointer
class="bg-night rounded-none flex flex-col items-start px-2 py-2.5 overflow-hidden transition-colors hover:bg-dark/50 min-h-0 cursor-pointer
{!inMonth ? 'opacity-50' : ''}"
onclick={() => onDateClick?.(day)}
>
@@ -254,12 +256,14 @@
<div
class="flex flex-col flex-1 gap-2 min-h-0 bg-background rounded-xl p-2"
>
<div class="grid grid-cols-7 gap-2 flex-1">
<div
class="grid grid-cols-7 gap-2 flex-1 rounded-lg overflow-hidden"
>
{#each weekDates as day}
{@const dayEvents = getEventsForDay(day)}
{@const isToday = isSameDay(day, today)}
<div class="flex flex-col overflow-hidden">
<div class="px-4 py-3 text-center">
<div class="px-2 py-2 text-center">
<div
class="font-heading text-h4 {isToday
? 'text-primary'
@@ -275,7 +279,9 @@
{day.getDate()}
</div>
</div>
<div class="flex-1 px-2 pb-2 space-y-1 overflow-y-auto">
<div
class="bg-night flex-1 px-2 pb-2 space-y-1 overflow-y-auto"
>
{#each dayEvents as event}
<button
class="w-full px-2 py-1.5 rounded-[4px] text-body-sm font-bold font-body text-night truncate text-left"