fix: calendar layout

trevorpfiz · Aug 12, 2024 · 5126910 · 5126910
1 parent e5a2a24
commit 5126910
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/apps/expo/src/components/calendar/basic-calendar.tsx b/apps/expo/src/components/calendar/basic-calendar.tsx
@@ -114,7 +114,7 @@ export function BasicCalendar(props: BasicCalendarProps) {
   };
 
   return (
-    <View>
+    <View className="flex-1">
       <Calendar.VStack spacing={props.calendarRowVerticalSpacing}>
         <Calendar.HStack
           alignItems="center"

diff --git a/apps/expo/src/components/calendar/home-calendar.tsx b/apps/expo/src/components/calendar/home-calendar.tsx
@@ -46,7 +46,7 @@ export function HomeCalendar() {
   }, [currentCalendarMonth]);
 
   return (
-    <View>
+    <View className="flex-1">
       <BasicCalendar
         calendarActiveDateRanges={calendarActiveDateRanges}
         calendarDisabledDateIds={[]}

diff --git a/apps/expo/src/components/home/day-slider.tsx b/apps/expo/src/components/home/day-slider.tsx
@@ -49,7 +49,7 @@ const DayItem = React.memo(
           <Text
             className={cn(
               "text-xs font-semibold text-gray-400",
-              isSelected ? "text-black" : "text-gray-400",
+              isSelected && "text-secondary",
             )}
           >
             {format(item.date, "EEEEE").toUpperCase()}

diff --git a/apps/expo/src/components/home/home-header.tsx b/apps/expo/src/components/home/home-header.tsx
@@ -36,13 +36,13 @@ export default function HomeHeader() {
           </Button>
         </DialogTrigger>
         <DialogContent
-          className="py-safe max-h-[32rem] max-w-full rounded-none border-0 px-1"
+          className="pt-safe max-h-[32rem] max-w-full flex-1 rounded-none border-0 px-1 pb-0"
           overlayClassName="justify-start p-0"
           style={{ backgroundColor: theme.background }}
           noClose
         >
           <HomeCalendar />
-          <DialogFooter className="flex-row-reverse px-4 py-12">
+          <DialogFooter className="flex-row-reverse px-4 pb-4">
             <Text className="font-semibold" style={{ color: theme.good }}>
               {"\u2022 >=70"}
             </Text>