fix: update pwa settings

Author: lokesh-coder

gatsby-config.js

@@ -31,8 +31,8 @@ module.exports = {
         name: 'blobs.app',
         short_name: 'Blob generator',
         start_url: '/',
-        background_color: '#663399',
-        theme_color: '#663399',
+        background_color: '#ffffff',
+        theme_color: '#d7819b',
         display: 'standalone',
         icon: 'src/images/blobs.png',
       },

src/components/Common/Modal.js

@@ -30,7 +30,7 @@ const Modal = ({ title, src, children, actions, size = '2xl' }) => {
       >
         <ModalOverlay background="rgba(78,86,107,0.71)" />
         <ModalContent>
-          <ModalHeader px="10">
+          <ModalHeader px={{ base: '2', lg: '10' }}>
             <Flex align="center">
               <Flex
                 direction={{ base: 'column', lg: 'row' }}
@@ -47,7 +47,7 @@ const Modal = ({ title, src, children, actions, size = '2xl' }) => {
                 onClick={onClose}
                 variant="subtle"
                 pos="relative"
-                right="-20px"
+                right={{ base: '0', lg: '-20px' }}
               >
                 <CloseIcon />
               </Button>

src/components/layout.js

@@ -1,10 +1,3 @@
-/**
- * Layout component that queries for data
- * with Gatsby's useStaticQuery component
- *
- * See: https://www.gatsbyjs.com/docs/use-static-query/
- */
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useStaticQuery, graphql } from 'gatsby';

src/components/seo.js

@@ -1,10 +1,3 @@
-/**
- * SEO component that queries for data with
- *  Gatsby's useStaticQuery React hook
- *
- * See: https://www.gatsbyjs.com/docs/use-static-query/
- */
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';