Responsive #61
@@ -86,9 +86,15 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
|
|||||||
h={10}
|
h={10}
|
||||||
key={weekDay}
|
key={weekDay}
|
||||||
>
|
>
|
||||||
<Text w="100%" h="auto">
|
<Text display={{base:"none", lg:"block"}} w="100%" h="auto">
|
||||||
{weekDay}
|
{weekDay}
|
||||||
</Text>
|
</Text>
|
||||||
|
<Text display={{base:"none", sm: "block", lg:"none"}} w="100%" h="auto">
|
||||||
|
{weekDay.substring(0, 3)}
|
||||||
|
</Text>
|
||||||
|
<Text display={{base:"block", sm: "none",}} w="100%" h="auto">
|
||||||
|
{weekDay.substring(0, 2)}
|
||||||
|
</Text>
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user