fix: padding

opengovsg · Feb 1, 2024 · 3069de3 · 3069de3
1 parent c31b796
commit 3069de3
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 7 deletions.
diff --git a/src/features/home/components/DefaultBanner.tsx b/src/features/home/components/DefaultBanner.tsx
@@ -6,7 +6,6 @@ export const DefaultBanner = () => {
   return (
     <Flex
       px="1.5rem"
-      pt="2rem"
       justifyContent="space-between"
       alignItems="flex-end"
       alignSelf="stretch"

diff --git a/src/features/home/components/NoteHome.tsx b/src/features/home/components/NoteHome.tsx
@@ -25,7 +25,6 @@ export const NoteHome = (): JSX.Element => {
   return (
     <Suspense fallback={<Skeleton height="100vh" />}>
       <Flex
-        padding="2rem 0rem"
         flexDirection="column"
         alignItems="center"
         gap="1.5rem"

diff --git a/src/features/landing/components/LandingSection.tsx b/src/features/landing/components/LandingSection.tsx
@@ -1,13 +1,13 @@
-import { type FC } from 'react'
 import { Flex, type FlexProps } from '@chakra-ui/react'
+import { type FC } from 'react'
 import { AppGrid } from '~/templates/AppGrid'
 
 export const LandingSection: FC<FlexProps> = ({ bg, children, ...props }) => {
   return (
     <AppGrid px="1.5rem" bg={bg}>
       <Flex
         gridColumn={{ base: '1 / -1', md: '2 / 12' }}
-        pt={{ base: '3.5rem', md: '5.5rem' }}
+        pt={{ base: '1rem', md: '5.5rem' }}
         pb={{ base: '3.5rem', md: '5.5rem' }}
         flexDir="column"
         {...props}

diff --git a/src/features/notes/components/MyNoteList/EmptyMyNoteList.tsx b/src/features/notes/components/MyNoteList/EmptyMyNoteList.tsx
@@ -1,7 +1,7 @@
 import { Image, Stack, Text } from '@chakra-ui/react'
 export const EmptyMyNoteList = () => {
   return (
-    <Stack p="1rem">
+    <Stack>
       <Image src="/assets/Empty-MyNotes.svg" alt="Empty Notes Received" />
       <Stack gap="0.25rem" justifyContent="center" alignItems="center">
         <Text textStyle="subhead-1">No notes written ... yet</Text>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -32,7 +32,7 @@ const LandingPage = () => {
     <>
       <Box bgGradient="linear(78deg, #FFF0FD 4.62%, #FAFBFC 89.25%)">
         <AppNavbar />
-        <LandingSection p="4.5rem 9.25rem 6 rem 9.25rem">
+        <LandingSection>
           <Stack
             direction={{ base: 'column', lg: 'row' }}
             align="center"
@@ -61,7 +61,7 @@ const LandingPage = () => {
                   delivered when they are most needed.
                 </SectionBodyText>
               </Stack>
-              <Box mt="2.5rem">
+              <Box>
                 <SignInContextProvider>
                   <SgidLoginButton />
                 </SignInContextProvider>