Merge pull request #331 from themoment-team/develop

Release v231023.0
themoment-team · Oct 22, 2023 · ba51e03 · ba51e03 · vercel · Oct 22, 2023
2 parents ebc8060 + ed3fa9e
commit ba51e03
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 29 deletions.
diff --git a/packages/hello-gsm/public/1차_전형_합격자_안내사항.hwp b/packages/hello-gsm/public/1차_전형_합격자_안내사항.hwp
diff --git a/packages/hello-gsm/src/components/Modals/MainResultModal/index.tsx b/packages/hello-gsm/src/components/Modals/MainResultModal/index.tsx
@@ -48,33 +48,59 @@ const MainResultModal: React.FC<ResultModal> = ({
         <S.MainResultModalContent>
           {isFirstResultPeriod ? (
             <S.Text>
-              {name}님의 2024학년도 {isMobile && <br />}
-              광주소프트웨어마이스터고등학교
-              <br />
-              1차 서류 심사 결과{' '}
+              {name}님의 1차 서류 심사 결과{' '}
               {pass ? (
-                <S.PassText>합격</S.PassText>
+                <>
+                  <S.PassText>합격</S.PassText>
+                  하셨습니다.
+                  <S.DescriptionText>
+                    &lt;2차 직무적성소양평가 안내&gt;
+                    <br />
+                    <li>
+                      일시:{' '}
+                      <span
+                        css={css`
+                          color: #3796ff;
+                        `}
+                      >
+                        2023.10.27.(금) 13시
+                      </span>
+                    </li>
+                    <li>
+                      장소:{' '}
+                      <span
+                        css={css`
+                          color: #fa4953;
+                        `}
+                      >
+                        본교 금봉관 2층 강당
+                      </span>
+                    </li>
+                    <li>
+                      준비물:{' '}
+                      <span
+                        css={css`
+                          color: #fa4953;
+                        `}
+                      >
+                        컴퓨터용 싸인펜, 필기구, 신분확인증
+                        <br />
+                        (학생증, 청소년증, 여권, 생활기록부(원본대조필) 중 하나
+                      </span>
+                    </li>
+                  </S.DescriptionText>
+                </>
               ) : (
-                <S.FailText>불합격</S.FailText>
+                <>
+                  <S.FailText>불합격</S.FailText>
+                  하셨습니다.
+                </>
               )}
-              하셨습니다.
-              <br />
-              {pass &&
-                (isMobile ? (
-                  <>
-                    2차 직무적성 소양평가는
-                    <br />
-                    10월 27일 13시에 진행됩니다.
-                  </>
-                ) : (
-                  '2차 직무적성 소양평가는 10월 27일 13시에 진행됩니다.'
-                ))}
             </S.Text>
           ) : (
             <>
               <S.Text>
-                {name}님의 2024학년도 {isMobile && <br />}
-                광주소프트웨어마이스터고등학교
+                {name}님의 2차 평가 결과,
                 <br />
                 {pass ? (
                   <>
@@ -95,6 +121,7 @@ const MainResultModal: React.FC<ResultModal> = ({
               )}
             </>
           )}
+
           <S.PostScript>
             메인 페이지 하단에 결과 발표에서 {isMobile && <br />}
             다시 확인하실 수 있습니다.

diff --git a/packages/hello-gsm/src/components/Modals/MainResultModal/style.ts b/packages/hello-gsm/src/components/Modals/MainResultModal/style.ts
@@ -20,6 +20,7 @@ export const MainResultModalBox = styled.div`
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+
   @media (max-width: 710px) {
     width: 90%;
   }
@@ -31,23 +32,28 @@ export const MainResultModalBox = styled.div`
 
 export const MainResultModalContent = styled.div`
   width: 100%;
-  height: 200px;
+  height: 222px;
   background: #ffffff;
   border-radius: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  gap: 16px;
+  padding: 16px 0px;
+  @media ${device.mobile} {
+    gap: 4px;
+  }
 `;
 
-export const Text = styled.p`
+export const Text = styled.div`
   font-weight: 700;
   font-size: 20px;
   line-height: 29px;
-  text-align: center;
   color: #0f0921;
+  text-align: center;
   @media ${device.mobile} {
-    font-size: 15px;
+    font-size: 13px;
     line-height: 23px;
   }
 `;
@@ -70,19 +76,19 @@ export const FinalPassPostScript = styled.p`
   @media ${device.mobile} {
     font-weight: 400;
     font-size: 11.5px;
-    line-height: 19px;
+    line-height: 15px;
   }
 `;
 
-export const PostScript = styled.p`
-  margin-top: 24px;
+export const PostScript = styled.div`
   font-weight: 400;
   font-size: 16px;
   color: rgba(39, 39, 39, 0.64);
   text-align: center;
   @media ${device.mobile} {
-    font-size: 13px;
-    line-height: 19px;
+    margin-top: 10px;
+    font-size: 10px;
+    line-height: 15px;
   }
 `;
 
@@ -162,3 +168,16 @@ export const ButtonText = styled.span`
   color: #0f0921;
   margin-left: 5px;
 `;
+
+export const DescriptionText = styled.div`
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 20px;
+  color: #0f0921;
+  margin-top: 16px;
+
+  @media ${device.mobile} {
+    font-size: 10px;
+    line-height: 15px;
+  }
+`;