Fix grid width

lexicongovernance · Aug 1, 2024 · e48afbb · e48afbb
1 parent 7f562e0
commit e48afbb
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/packages/berlin/src/components/events/Events.tsx b/packages/berlin/src/components/events/Events.tsx
@@ -24,7 +24,7 @@ export default function Events({ events, errorMessage }: EventsProps) {
       return (
         <article
           key={event.id}
-          className="border-secondary flex w-full cursor-pointer flex-col border"
+          className="border-secondary flex min-w-full cursor-pointer flex-col border"
           onClick={() => handleClick(event.id)}
         >
           <section className="flex flex-col gap-4 p-4">
@@ -44,13 +44,15 @@ export default function Events({ events, errorMessage }: EventsProps) {
               </Markdown>
             )}
           </section>
-          <section className="h-40 w-full">
-            <img
-              className="h-full w-full object-cover object-center"
-              src={event.imageUrl}
-              alt={`${event.name} image`}
-            />
-          </section>
+          {event.imageUrl && (
+            <section className="h-40 w-full">
+              <img
+                className="h-full w-full bg-neutral-700 object-cover object-center"
+                src={event.imageUrl}
+                alt={`${event.name} image`}
+              />
+            </section>
+          )}
         </article>
       );
     })