fix: settings responsive width

lokesh-coder · lokesh-coder · Mar 14, 2021 · Mar 10, 2021 · Mar 11, 2021 · Mar 12, 2021
commit 9576f8bbaccf16f596b2db0eb0af8de7b0ba3bd1
diff --git a/src/components/settings.js b/src/components/settings.js
@@ -10,7 +10,7 @@ import ImageSetter from './Settings/ImageSetter';
 import PatternSetter from './Settings/PatternSetter';
 
 const Settings = () => (
-  <Box px="10" py="5">
+  <Box px={{ lg: 10 }} py="5">
     <RandomnessSlider />
     <ComplexitySlider />
     <Divider my="5" />

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -46,7 +46,7 @@ const IndexPage = () => (
         flex="1"
         display="flex"
         alignItems="center"
-        w={{ sm: '100%', lg: 4 / 12 }}
+        w={{ base: '100%', lg: 4 / 12 }}
       >
         <Box w="full">
           <Flex