Events: popup dialog, CSS-class filtering, smaller tiles

[notkaramel]

Changes

EventBlock.svelte

• Removed all action buttons and the expand/collapse toggle — the entire tile is now a clickable area that fires an onopen callback
• Added a hover overlay with an eye icon for clear affordance; no scale animation
• Text sizes reduced: text-[11px] title, text-[10px] meta, h-2.5 w-2.5 icons
• Accepts an onopen prop instead of managing its own state

EventDialog.svelte (new)

• Single shared dialog component with smooth CSS opacity + translate-y + scale entrance/exit transitions (no JS animation lib needed)
• Shows 16:7 landscape banner image, full title, date/location meta, rich-text description, and all action buttons (register, pay, add to calendar, general links)
• Closes on backdrop click, Escape key, or the X button

EventTabsContent.svelte

• CSS-class filtering: all events remain mounted in the DOM; category filter toggles a hidden class per wrapper <div> instead of re-rendering the list — zero DOM mutations on filter change, instant and smooth with no layout reflow
• One selectedEvent state drives a single <EventDialog> instance (not one per card), keeping memory and mount cost minimal
• Added xl:grid-cols-5 breakpoint for wider screens

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ecsess	Ready	Preview, ✅ 2 resolved	Apr 8, 2026 4:42am