Merge pull request #78 from Stocodi/develop

hotfix: 모바일 반응형 스타일 및 환경변수 수정

.env

@@ -6,5 +6,5 @@ VITE_COOKIE_ACCESS = "member_access_token"
 VITE_COOKIE_REFRESH = "member_refresh_token"
 VITE_COOKIE_PATH = "/"
 VITE_COOKIE_DOMAIN = ".localhost"
+VITE_KAKAO_API_KEY = "048a738db78a2ca8c2451d886ffdd8bf"
 
-VITE_KAKAO_API_KEY = "048a738db78a2ca8c2451d886ffdd8bf"

src/components/test-page/AvatarSection.module.scss

@@ -7,7 +7,7 @@
     height: 260px;
     padding: 50px;
 
-    background-color: #6de0a9;
+    background-color: #ecfbf5;
 
     .bg {
         position: absolute;
@@ -71,6 +71,8 @@
         flex-direction: column;
         justify-content: center;
 
+        height: 180px;
+
         padding: 20px;
         .speech_bubble {
             height: 90px;

src/components/test-page/ResultSummary.module.scss

@@ -8,7 +8,7 @@
     justify-content: space-between;
 
     margin: 20px auto;
-    padding: 20px 30px;
+    padding: 20px;
 
     div {
         @include vertical-center;
@@ -121,8 +121,10 @@
     }
 
     .result_grid_item {
+        height: 120px;
+
         border-radius: 16px;
-        padding: 30px;
+        padding: 20px;
 
         h3 {
             font-size: 18px;

src/constants/Result.ts

@@ -57,7 +57,7 @@ export const ResultMid = [
 export const ResultHigh = [
     {
         img: "/img/test-9.png",
-        title: "가격이 잘못 매겨진 기회를 찾아라. 그게 바로 투자다. 어떤 기회가 가격이 잘못 매겨진 것인지 충분히 알아야 한다. 그게 가치투자다",
+        title: "가격이 잘못 매겨진 기회를 찾아라. 그게 바로 투자다.",
         author: "찰리멍거",
     },
     {

src/interfaces/feedback/Loader.tsx

@@ -3,7 +3,7 @@ import styles from "./Loader.module.scss";
 export const Loader = () => {
     return (
         <div className={styles.loader_container}>
-            <span className={styles.loader}></span>;
+            <span className={styles.loader}></span>
         </div>
     );
 };