커밋내역삭제1

src/Pages/Festival/AnimalMatchResult/AnimalMatchResult.js

@@ -77,7 +77,7 @@ const AnimalMatchResult = () => {
         setMeetingGroupType(data.data.meetingGroupType);
         setKakaoLink(data.data.kakaoLink);
       } catch (error) {
-        console.error('Error fetching match result:', error);
+        console.error('Error fetching match result!!:', error);
       }
     };
 

src/Pages/Honbob/Matching/CSS/H_Btn2.module.css

@@ -1,6 +1,6 @@
 .selectBtn {
   font-size: 18px;
-  font-weight: bold;
+  font-weight: 600;
   width: 151px;
   height: 152px;
   /* height: 184px; */
@@ -19,7 +19,7 @@
   background: #ffffff;
   color: #333333;
   font-size: 18px;
-  font-weight: bold;
+  font-weight: 600;
   width: 151px;
   height: 152px;
   /* height: 184px; */

src/Pages/Honbob/Matching/CSS/H_Container.module.css

@@ -38,8 +38,8 @@ html {
 
 .title {
   margin: 1vh 0px 1vh 0px;
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 0.8em;
+  font-weight: 600;
   text-align: center;
 }
 
@@ -81,10 +81,13 @@ html {
   }
   .title {
     margin: 3vh 0px 1vh 0px;
-    font-size: 20px;
+    font-size: 1.1em;
     font-weight: bold;
     text-align: center;
   }
+  .btnContainer {
+    margin-top: 1.2vh;
+  }
 }
 /* 모바일 */
 @media (max-width: 670px) {
@@ -95,7 +98,7 @@ html {
     flex-direction: column;
     align-items: center;
     position: relative;
-    margin-top: 70px;
+    margin-top: 84px;
     overflow-y: hidden;
   }
 
@@ -110,7 +113,7 @@ html {
 
   .title {
     margin: 1vh 0px 1vh 0px;
-    font-size: 20px;
+    font-size: 1.1em;
     font-weight: bold;
   }
 
@@ -128,4 +131,7 @@ html {
     display: flex;
     flex-direction: column;
   }
+  .btnContainer {
+    margin-top: 1.2vh;
+  }
 }

src/Pages/Honbob/Matching/CSS/H_Menu.module.css

@@ -109,16 +109,30 @@
   }
   .menuText {
     font-size: 1.3em;
+    font-weight: 600;
   }
 }
 
 /* 모바일 */
 @media (max-width: 670px) {
+  .menuContainer {
+    width: 40vh;
+    display: flex;
+    flex-direction: row;
+    /* 수직으로 아이템을 배치합니다. */
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-items: center;
+    height: 50vh;
+    margin-top: 1.2vh;
+  }
   .menuBtn {
     font-size: 16px;
     font-weight: bold;
     width: 45%;
     aspect-ratio: 1/1;
+    width: 18vh;
+    height: 18vh;
     margin-bottom: 1vh;
     padding-top: 20px;
     border-radius: 36px;
@@ -133,6 +147,19 @@
     padding-bottom: 2vh;
     box-sizing: border-box;
   }
+  .menuBox {
+    margin-bottom: 1vh;
+    height: 100%;
+    width: 90%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
+  .menuText {
+    font-size: 1em;
+    font-weight: 600;
+  }
 
   .item {
     font-size: 16px;
@@ -152,16 +179,26 @@
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
-    width: 130%;
-    aspect-ratio: 1/1;
+    width: 150%;
+    margin-bottom: 5%;
+    aspect-ratio: 2/1;
   }
 
-  .item-1 {
+  /* .item-1 {
     background-image: url('../../../../Assets/image/westernFood.png');
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
-    width: 180%;
+    background-size: 100% 100%;
+    width: 100%;
+    aspect-ratio: 1/1;
+  } */
+  .item-1 {
+    background-image: url('../../../../Assets/image/westernFood.png');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    width: 70%;
     aspect-ratio: 1/1;
   }
 
@@ -170,7 +207,7 @@
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100% 100%;
-    width: 80%;
+    width: 50%;
     aspect-ratio: 1/1;
     margin-bottom: 20%;
     /* aspect-ratio:; */
@@ -181,18 +218,8 @@
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100% 100%;
-    width: 80%;
+    width: 50%;
     aspect-ratio: 1/1;
     margin-bottom: 20%;
   }
-  .menuBox {
-    margin-bottom: 1vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-  }
-  .menuText {
-    font-size: 1em;
-  }
 }

src/Pages/Honbob/Matching/CSS/H_informCheck.module.css

@@ -1,23 +1,68 @@
-.informContainer {
+/* 데스크탑 */
+@media (min-width: 670px) {
+  .informContainer {
     width: 40vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-}
+    margin-top: 1.2vh;
+  }
 
-.divBox {
-    border: 3px solid #FF7474;
+  .divBox {
+    border: 1px solid #ff7474;
     font-weight: 600;
     width: 35vh;
-    height: 5vh;
+    height: 5.5vh;
     display: flex;
     align-items: center;
     padding: 2vh;
     border-radius: 12px;
-    font-size: 1.7vh;
+    font-size: 1em;
     color: #555555;
+    margin-bottom: 1.5vh;
+    margin-top: 0.5vh;
+    background-color: #ffffff;
+  }
+  .titleContainer {
     margin-bottom: 1vh;
+  }
+  .font {
+    font-weight: bold;
+    font-size: 1em;
+  }
+}
+/* 모바일 */
+@media (max-width: 670px) {
+  .informContainer {
+    width: 40vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 2vh;
+  }
+
+  .divBox {
+    border: 1px solid #ff7474;
+    font-weight: 600;
+    width: 35vh;
+    height: 6.5vh;
+    display: flex;
+    align-items: center;
+    padding: 2vh;
+    border-radius: 12px;
+    font-size: 1em;
+    color: #555555;
+    margin-bottom: 1.5vh;
     margin-top: 0.5vh;
-    background-color: #FFFFFF;
-}
+    background-color: #ffffff;
+  }
+  .titleContainer {
+    margin-bottom: 1.3vh;
+  }
+  .font {
+    font-weight: bold;
+    font-size: 1em;
+  }
+}

src/Pages/Honbob/Matching/JS/H_Gender.js

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import con from '../CSS/H_Container.module.css';
 import btn2 from '../CSS/H_Btn2.module.css';
+import styled from 'styled-components';
 
 const H_Gender = props => {
   const [isSameClicked, setIsSameClicked] = useState(false);
@@ -30,7 +31,7 @@ const H_Gender = props => {
   return (
     <div className={con.container}>
       <p className={con.title}>원하는 축제짝꿍 성별을 선택해주세요!</p>
-      <div>
+      <div className={con.btnContainer}>
         <button className={clickSameBtnColor} onClick={clickSameBtnHandler}>
           동성
         </button>

src/Pages/Honbob/Matching/JS/H_InformCheck.js

@@ -8,31 +8,63 @@ const H_informCheck = props => {
       <p className={con.title}>입력하신 정보를 확인해주세요.</p>
       <div className={style.informContainer}>
         <div className={style.genderCon}>
-          <div>
-            <span style={{ color: '#FF7474', fontSize: '2.5vh' }}>•</span>{' '}
-            대동지 성별
+          <div className={style.titleContainer}>
+            <span
+              style={{
+                color: '#FF7474',
+                fontSize: '2.5vh',
+                fontWeight: 'bold',
+              }}
+            >
+              •
+            </span>{' '}
+            <span className={style.font}>대동지 성별</span>
           </div>
 
           <div className={style.divBox}>{props.choiceGenderKorean}</div>
         </div>
         <div className={style.menuCon}>
-          <div>
-            <span style={{ color: '#FF7474', fontSize: '2.5vh' }}>•</span> 선호
-            액티비티
+          <div className={style.titleContainer}>
+            <span
+              style={{
+                color: '#FF7474',
+                fontSize: '2.5vh',
+                fontWeight: 'bold',
+              }}
+            >
+              •
+            </span>{' '}
+            <span className={style.font}>선호 액티비티</span>
           </div>
           <div className={style.divBox}>{props.choiceMenuKorean}</div>
         </div>
         <div className={style.kakaoCon}>
-          <div>
-            <span style={{ color: '#FF7474', fontSize: '2.5vh' }}>•</span>{' '}
-            카카오톡 아이디
+          <div className={style.titleContainer}>
+            <span
+              style={{
+                color: '#FF7474',
+                fontSize: '2.5vh',
+                fontWeight: 'bold',
+              }}
+            >
+              •
+            </span>{' '}
+            <span className={style.font}>카카오톡 아이디</span>
           </div>
           <div className={style.divBox}>{kakaoAccount}</div>
         </div>
         <div className={style.phoneNumCon}>
-          <div>
-            <span style={{ color: '#FF7474', fontSize: '2.5vh' }}>•</span>{' '}
-            전화번호
+          <div className={style.titleContainer}>
+            <span
+              style={{
+                color: '#FF7474',
+                fontSize: '2.5vh',
+                fontWeight: 'bold',
+              }}
+            >
+              •
+            </span>{' '}
+            <span className={style.font}>전화번호</span>
           </div>
           <div className={style.divBox}>{phoneNumber}</div>
         </div>

src/Pages/Honbob/Matching/JS/H_Menu.js

@@ -54,10 +54,10 @@ const H_Menu = props => {
             {' '}
             {index === 0 || index === 1 || index === 2 || index === 3 ? (
               <div className={style.menuBox}>
-                <div
-                  className={`${style.imgBox} ${style[`item-${index}`]}`}
-                ></div>
-                <div className={style.menuText}>{val}</div>
+                <div className={`${style.imgBox} ${style[`item-${index}`]}`} />
+                <div className={`${style.menuText} ${style[`text-${index}`]}`}>
+                  {val}
+                </div>
               </div>
             ) : (
               <div className={style.menuText}>{val}</div>

src/Pages/Honbob/waiting/HonbobWaiting.module.css

@@ -135,8 +135,8 @@
   }
 
   .moveToHomeBtn {
-    font-size: 2vh;
-    font-weight: 700;
+    font-size: 1.15em;
+    font-weight: 500;
     width: 42vh;
     height: 8.5vh;
     max-height: 56px;
@@ -149,7 +149,7 @@
   }
 
   .cancelBtn {
-    font-size: 2vh;
+    font-size: 1em;
     font-weight: 700;
     color: #999999;
     background-color: transparent;