wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Responsive layour

Browse Source
This commit is contained in:
Lucid Kobold
2022-06-22 15:22:05 -05:00
parent a05f830407
commit 103d9c3142
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/calender/index.tsx
View File

@@ -70,7 +70,7 @@ const Calender = ({
<CalenderNav title={title} isLoading={isLoading} /> <CalenderNav title={title} isLoading={isLoading} />
<VStack h="100%" w="100%" spacing={0}> <VStack h="100%" w="100%" spacing={0}>
<HStack <HStack
px={6} px={{ base: 1, sm: 2, md: 6 }}
spacing={0} spacing={0}
w="100%" w="100%"
h="auto" h="auto"
@@ -106,7 +106,7 @@ const Calender = ({
); );
})} })}
</HStack> </HStack>
<SimpleGrid px={6} w="100%" h="100%" columns={7} alignItems="center"> <SimpleGrid px={{ base: 1, sm: 2, md: 6 }} w="100%" h="100%" columns={7} alignItems="center">
{Object.keys(month).map((week) => { {Object.keys(month).map((week) => {
const thisWeek = month[week]; const thisWeek = month[week];