Added responsive margins within the modals. #46

Merged
LucidKobold merged 2 commits from modals into main 2022-04-03 17:52:49 -04:00
3 changed files with 3 additions and 3 deletions

View File

@@ -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>

View File

@@ -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",

View File

@@ -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);