more calendar stylings

2024-05-12 23:05:27 +02:00
parent e9a2acd9e7
commit 0f16893cf9
5 changed files with 56 additions and 5 deletions
--- a/web/src/components/events/EventItem.tsx
+++ b/web/src/components/events/EventItem.tsx
@ -9,12 +9,18 @@ import { toLocalTime, formatDate, commonDateFormat } from "@/lib/date";
 export const EventItem = ({
  event,
  mode,
+  size,
 }: {
  event: SingularEvent | EventFragment;
  mode: "list" | "calendar";
+  size?: "small" | "medium" | "large";
 }) => {
  return (
-    <li className={`${styles.eventItem} linkItem`}>
+    <li
+      className={`${styles.eventItem} ${
+        size ? styles[size] : styles.large
+      } linkItem`}
+    >
      <div className={styles.image}>
        {event.featuredImage && (
          <Image