fix(mainpage): adjust width of what's-happening card for better visual appearance

eric15342335 · eric15342335 · commit 2b0e3d3e4ae2 · 2026-01-15T15:51:29.000+08:00
diff --git a/src/components/sections/whats-happening.tsx b/src/components/sections/whats-happening.tsx
@@ -19,7 +19,7 @@ export function WhatsHappening({ events }: { events: WhatsHappeningEvent[] }) {
         className={cn(
           "mx-auto grid gap-8",
           ["md:grid-cols-1", "md:grid-cols-2", "md:grid-cols-3"][Math.min(events.length, 3) - 1],
-          ["max-w-2xl", "max-w-4xl", "max-w-6xl"][Math.min(events.length, 3) - 1]
+          ["max-w-fit", "max-w-4xl", "max-w-6xl"][Math.min(events.length, 3) - 1]
         )}
       >
         {events.map((event, index) => (

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ export function WhatsHappening({ events }: { events: WhatsHappeningEvent[] }) {`
`19`	`19`	`className={cn(`
`20`	`20`	`"mx-auto grid gap-8",`
`21`	`21`	`["md:grid-cols-1", "md:grid-cols-2", "md:grid-cols-3"][Math.min(events.length, 3) - 1],`
`22`		`- ["max-w-2xl", "max-w-4xl", "max-w-6xl"][Math.min(events.length, 3) - 1]`
	`22`	`+ ["max-w-fit", "max-w-4xl", "max-w-6xl"][Math.min(events.length, 3) - 1]`
`23`	`23`	`)}`
`24`	`24`	`>`
`25`	`25`	`{events.map((event, index) => (`