From 103d9c3142672face973bbef4ee1fc6e59ecb1d4 Mon Sep 17 00:00:00 2001
From: Lucid Kobold <72232219+LucidKobold@users.noreply.github.com>
Date: Wed, 22 Jun 2022 15:22:05 -0500
Subject: [PATCH] Responsive layour

---
 src/components/calender/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/calender/index.tsx b/src/components/calender/index.tsx
index dc0d660..d306faf 100644
--- a/src/components/calender/index.tsx
+++ b/src/components/calender/index.tsx
@@ -70,7 +70,7 @@ const Calender = ({
       <CalenderNav title={title} isLoading={isLoading} />
       <VStack h="100%" w="100%" spacing={0}>
         <HStack
-          px={6}
+          px={{ base: 1, sm: 2, md: 6 }}
           spacing={0}
           w="100%"
           h="auto"
@@ -106,7 +106,7 @@ const Calender = ({
             );
           })}
         </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) => {
             const thisWeek = month[week];
 
@@ -142,7 +142,7 @@ const Calender = ({
                     id.length
                       ? id
                       : format(toDateObj, "yyyyddLL") +
-                        `/${sticker === null ? 0 : sticker}`
+                      `/${sticker === null ? 0 : sticker}`
                   }
                 />
               );