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

6
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];
@@ -142,7 +142,7 @@ const Calender = ({
id.length id.length
? id ? id
: format(toDateObj, "yyyyddLL") + : format(toDateObj, "yyyyddLL") +
`/${sticker === null ? 0 : sticker}` `/${sticker === null ? 0 : sticker}`
} }
/> />
); );