[Feat #185] 생일자 선물 선택 화면 수정

src/app/pick/preview/page.tsx

@@ -47,7 +47,7 @@ const PreviewPage = () => {
     <>
       <h1 className="text-blue-primary caption1">최종 점검</h1>
       <h2 className="head1 text-text">최종 선택한 선물</h2>
-      <section className="my-[2.8rem] space-y-[1.2rem]">
+      <section className="my-[2.8rem] flex flex-col space-y-[1.2rem]">
         {pickedItems.map(({ giftId, itemName, itemUrl, imageUrl }) => (
           <GiftCard
             key={giftId}

src/app/wishpool/(builder)/intro/layout.tsx

@@ -6,7 +6,9 @@ const IntroLayout = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <BackHeader title="위시풀 만들기" bgColor="background02" />
-      <main className="bg-background-02 mt-header p-[2rem]">{children}</main>
+      <main className="bg-background-02 mt-header h-[100vh] p-[2rem]">
+        {children}
+      </main>
     </>
   );
 };

src/app/wishpool/(viewer)/[id]/final/page.tsx

@@ -34,7 +34,7 @@ const FinalPage = () => {
         </p>
       </div>
 
-      <section className="relative mt-[9.1rem] space-y-[1.2rem] pb-[20rem]">
+      <section className="relative mt-[9.1rem] flex flex-col space-y-[1.2rem] pb-[20rem]">
         <Icon
           name="ribbon"
           width={120}

src/app/wishpool/join/[id]/add/page.tsx

@@ -119,7 +119,7 @@ const AddPage = () => {
             title="선물 추가 버튼 아이콘"
             className="text-text"
           />
-          <span className="text-text title1">선물 더 제안</span>
+          <span className="text-text title1">선물 더 제안하기</span>
         </div>
       </button>
       <ButtonContainer

src/assets/icons/iconMap.ts

@@ -26,6 +26,7 @@ import StarIcon from '@/assets/icons/svg/icon_star.svg';
 import SwipeIcon from '@/assets/icons/svg/icon_swipe.svg';
 import TrashIcon from '@/assets/icons/svg/icon_trash.svg';
 import UpIcon from '@/assets/icons/svg/icon_up.svg';
+import VacantIcon from '@/assets/icons/svg/icon_vacant.svg';
 import WishIcon from '@/assets/icons/svg/icon_wish.svg';
 
 export const iconMap = {
@@ -56,6 +57,7 @@ export const iconMap = {
   ribbon: RibbonIcon,
   loading: LoadingIcon,
   delete: DeleteIcon,
+  vacant: VacantIcon,
 } as const;
 
 export type IconName = keyof typeof iconMap;

src/components/home/ActiveEventSection.tsx

@@ -68,8 +68,8 @@ const ActiveEventSection = ({ planType, wishpools }: activeEventProps) => {
         </>
       ) : (
         <>
-          <div className="mt-[3.5rem] flex items-center justify-center py-[2.6rem]">
-            <Icon name="photo" width={28} height={28} />
+          <div className="mt-[2rem] flex items-center justify-center py-[2.6rem]">
+            <Icon name="vacant" width={56} height={56} />
           </div>
           <p className="body2 text-text mb-[10.7rem] py-[0.4rem] text-center">
             지금 진행되고 있는 이벤트가 없어요 <br />