fix: 모바일 이미지 추가 버튼 위치 변경

BCSDLab · Mar 29, 2024 · c3e4cd7 · c3e4cd7
1 parent a9f84b3
commit c3e4cd7
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/page/AddMenu/components/MenuImage/index.tsx b/src/page/AddMenu/components/MenuImage/index.tsx
@@ -48,6 +48,14 @@ export default function MenuImage({ isComplete }: MenuImageProps) {
             <div className={styles.mobile__header__condition}>(최대 이미지 3장)</div>
           </div>
           <div className={styles['mobile__new-image__container']}>
+            <button
+              type="button"
+              className={styles['mobile__new-image__add-btn']}
+              onClick={openAddMenuImgModal}
+            >
+              <ImgPlusIcon className={styles['mobile__new-image__plusIcon']} />
+              <div className={styles['mobile__new-image__add-caption']}>이미지 추가</div>
+            </button>
             {imageUrl.map((image, index) => (
               <div key={image} className={styles['mobile__new-image__item']}>
                 <img src={image} alt={`Selected ${index + 1}`} className={styles['mobile__new-image__selected']} />
@@ -63,14 +71,6 @@ export default function MenuImage({ isComplete }: MenuImageProps) {
                 )}
               </div>
             ))}
-            <button
-              type="button"
-              className={styles['mobile__new-image__add-btn']}
-              onClick={openAddMenuImgModal}
-            >
-              <ImgPlusIcon className={styles['mobile__new-image__plusIcon']} />
-              <div className={styles['mobile__new-image__add-caption']}>이미지 추가</div>
-            </button>
           </div>
           <AddMenuImgModal
             isOpen={isAddMenuImgModal}