Merge pull request #46 from LucidKobold/modals

Added responsive margins within the modals.

components/calender/modals/AddUpdateSticker.tsx

@@ -161,7 +161,7 @@ const AddUpdateSticker = ({
           "M/d/y"
         )}?`,
         body: (
-          <SimpleGrid my="1.5rem" mx="5rem" w="auto" h="100%" columns={3}>
+          <SimpleGrid my={{ base: "0px", sm: "6" }} mx={{ base: "0px", sm: "10", md: "16" }} w="auto" h="100%" columns={3}>
             <Heading textAlign="center" as="h3" size="md" w="100%" h="auto">
               {"Previous Sticker"}
             </Heading>

package.json

@@ -2,7 +2,7 @@
   "private": true,
   "name": "lucid-creations-media-potty-chart",
   "homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
-  "version": "v0.0.9.1-alpha",
+  "version": "v0.0.9.2-alpha",
   "author": {
     "name": "Lucid Creations Media",
     "url": "https://lucidcreations.media",

theme/layout/Header.tsx

@@ -15,7 +15,7 @@ import appLogo from "../../public/images/logo.svg";
 
 const Header = (): JSX.Element => {
   const appName = "LCM Potty Chart";
-  const appVersion = "v0.0.9.1-alpha";
+  const appVersion = "v0.0.9.2-alpha";
 
   // Add transparency while not at the top of the page.
   const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);