Improve padding on mobile

cronocodesolutions · Dec 11, 2024 · feb6143 · feb6143
1 parent 8ff76fa
commit feb6143
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/pages/app/app.tsx b/pages/app/app.tsx
@@ -27,7 +27,7 @@ export default function App() {
   return (
     <Box color="violet-950" bgImage="body-bg" minHeight="fit-screen" position="relative">
       <Box position="sticky" top={0} lg={{ display: 'none' }} bgImage="body-bg" bgColor="white" zIndex={1}>
-        <Flex gap={3} pl={8} py={5}>
+        <Flex gap={3} pl={2} sm={{ pl: 8 }} py={5}>
           <Button clean onClick={() => setOpen(!open)} borderRadius={1} shadow="small-shadow" px={1} borderColor="violet-950">
             <MenuSvg color="violet-950" />
           </Button>
@@ -48,7 +48,7 @@ export default function App() {
           <Sidebar width={70} position="sticky" top={0} ml={open ? 0 : -70} lg={{ ml: 0 }} />
         </Box>
 
-        <Box flex1 overflow="auto" px={8} pt={6} pb={16} maxWidth={270}>
+        <Box flex1 overflow="auto" px={2} sm={{ px: 8 }} pt={6} pb={16} maxWidth={270}>
           <Routes>
             <Route index element={<HomePage />} />
             <Route path="/installation" element={<InstallationPage />} />