finish fixing styling

Shelf-nu · Jul 26, 2024 · d4f92be · d4f92be
1 parent 6a217e5
commit d4f92be
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/app/components/shared/user-badge.tsx b/app/components/shared/user-badge.tsx
@@ -13,7 +13,7 @@ export const UserBadge = ({
   imgClassName,
   name,
 }: UserBadgeProps) => (
-  <div className="max-w-[250px]">
+  <div className="h-6 max-w-[250px]">
     <span
       className={tw(
         "ml-1 inline-flex w-max items-center rounded-2xl bg-gray-100 px-2 py-0.5",

diff --git a/app/routes/_layout+/calendar.tsx b/app/routes/_layout+/calendar.tsx
@@ -106,7 +106,7 @@ export const DATE_FORMAT_OPTIONS = {
 } as const;
 
 // Calendar Component
-const Calendar = () => {
+export default function Calendar() {
   const { title } = useLoaderData<typeof loader>();
   const { isMd } = useViewportHeight();
   const [startingDay, endingDay] = getWeekStartingAndEndingDates(new Date());
@@ -263,9 +263,7 @@ const Calendar = () => {
       </div>
     </>
   );
-};
-
-export default Calendar;
+}
 
 const renderEventCard = (args: EventContentArg) => {
   const event = args.event;
@@ -297,7 +295,7 @@ const renderEventCard = (args: EventContentArg) => {
             <DateS date={booking.end} options={DATE_FORMAT_OPTIONS} />
           </div>
 
-          <p className="mb-3 text-sm font-medium">{booking.name}</p>
+          <div className="mb-3 mt-1 text-sm font-medium">{booking.name}</div>
 
           <div className="mb-3 flex items-center gap-2">
             <Badge color={bookingStatusColorMap[booking.status]}>