Fix squished event logos on calendar page

2026-08-26 21:26:01 -05:00 · 2024-03-24 16:10:04 +02:00
parent 5ae3d9fa77
commit 7c5fa39f96
2 changed files with 6 additions and 1 deletions
--- a/app/features/calendar/routes/calendar.tsx
+++ b/app/features/calendar/routes/calendar.tsx
@@ -422,7 +422,7 @@ function EventsList({
                              })}
                              alt=""
                              size={40}
-                              className="rounded-full"
+                              className="calendar__event-logo"
                            />
                          ) : null}
                          <div>
--- a/app/styles/calendar.css
+++ b/app/styles/calendar.css
@@ -188,3 +188,8 @@
  padding-block-end: var(--s-2);
  text-align: center;
 }
+
+.calendar__event-logo {
+  border-radius: 100%;
+  min-width: 40px;
+}