feat(shelter, volunteer): 마이 페이지, 봉사 모집글 리스트 페이지에 padding-bottom 50px…

… 추가 (#287)
anifriends · Dec 2, 2023 · d803bf0 · d803bf0
1 parent 4f21649
commit d803bf0
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/apps/shelter/src/pages/my/index.tsx b/apps/shelter/src/pages/my/index.tsx
@@ -27,7 +27,7 @@ export default function MyPage() {
   };
 
   return (
-    <Box>
+    <Box pb="50px">
       <ProfileInfo infoTitle={shelterName} infoTexts={[email]} />
       <Divider />
       <InfoList py={4}>

diff --git a/apps/shelter/src/pages/volunteers/index.tsx b/apps/shelter/src/pages/volunteers/index.tsx
@@ -1,4 +1,4 @@
-import { IconButton } from '@chakra-ui/react';
+import { Box, IconButton } from '@chakra-ui/react';
 import { useSuspenseInfiniteQuery } from '@tanstack/react-query';
 import { Suspense } from 'react';
 import { useNavigate } from 'react-router-dom';
@@ -50,7 +50,7 @@ function Recruitments() {
   });
 
   return (
-    <>
+    <Box pb="50px">
       {recruitments.map((recruitment) => (
         <VolunteerRecruitItem
           key={recruitment.id}
@@ -82,7 +82,7 @@ function Recruitments() {
         onClose={onCloseModal}
         {...alertModalState}
       />
-    </>
+    </Box>
   );
 }
 

diff --git a/apps/volunteer/src/pages/my/index.tsx b/apps/volunteer/src/pages/my/index.tsx
@@ -12,7 +12,7 @@ function My() {
   const { data } = useFetchMyVolunteer();
 
   return (
-    <Box>
+    <Box pb="50px">
       <ProfileInfo
         infoImage={data.volunteerImageUrl}
         infoTitle={data.volunteerName}

diff --git a/apps/volunteer/src/pages/volunteers/index.tsx b/apps/volunteer/src/pages/volunteers/index.tsx
@@ -40,7 +40,7 @@ function Recruitments() {
   });
 
   return (
-    <Box>
+    <Box pb="50px">
       {recruitments.map((recruitment) => (
         <VolunteerRecruitItem
           key={recruitment.id}