Add min w for CalendarEventModal

Jambo258 · Feb 20, 2024 · 7bdb399 · 7bdb399
1 parent 1c8a15c
commit 7bdb399
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/src/features/calendar/CalendarEventModal.tsx b/frontend/src/features/calendar/CalendarEventModal.tsx
@@ -201,7 +201,7 @@ const CalendarEventModal = ({ events, currentMonth, day, yevents }: Props) => {
           tabIndex={-1}
           ref={calendarModalRef}
           onMouseDown={(e) => e.stopPropagation()}
-          className={`fixed p-2 pb-4 flex flex-col inset-0 z-30 max-h-screen sm:justify-start items-left overflow-x-hidden overflow-y-auto
+          className={`fixed  sm:min-w-[400px] p-2 pb-4 flex flex-col inset-0 z-30 max-h-screen sm:justify-start items-left overflow-x-hidden overflow-y-auto
             outline-none sm:rounded focus:outline-none shadow transition-all
             ${screenDimensions.height < 500 ? "min-h-screen w-full" : "w-full h-full sm:h-fit sm:w-fit sm:max-w-2xl"}`}>
           <header className="flex flex-col mb-2 place-items-end">