(Team-Coverflow#285)style: 질문 리스트 내 현직자 취준생 이미지 수정했습니다.

JayJayleee · May 6, 2024 · 7315715 · 7315715
2 parents 5364e17 + eb592b6
commit 7315715
Show file tree

Hide file tree

Showing 8 changed files with 175 additions and 150 deletions.
diff --git a/src/asset/sass/etc/question/answer.scss b/src/asset/sass/etc/question/answer.scss
@@ -103,5 +103,5 @@
   flex-direction: column;
   margin-top: 3%;
   margin-left: 2.5%;
-  width: 81%;
+  width: 95%;
 }
diff --git a/src/asset/sass/etc/question/question.scss b/src/asset/sass/etc/question/question.scss
@@ -1,14 +1,30 @@
 .question-container {
   margin-top: 5%;
   cursor: pointer;
+  width: 541px;
+  height: 133px;
+  border-radius: 10px;
+  font-size: 1.6rem;
+  border: 1px solid #d9d9d9;
+  margin: 0 auto;
+}
+
+.category-select-hard-coding {
+  border-radius: 20px;
+
+  padding: 1% 2.5% 1% 2.5%;
+  box-sizing: border-box;
+  border: 1px solid #bcbcbc;
+  color: #47474c;
+  font-size: 1.3rem;
 }
 
 // 유저 닉네임 + 태그 부분 scss
 .questioner-container {
   letter-spacing: -1px;
   display: flex;
   justify-content: space-between;
-  margin: -4% 0% -5% 13%;
+  // margin: -4% 0% -5% 13%;
 }
 
 .questioner-info {
@@ -21,20 +37,31 @@
 .questioner {
   font-weight: 900;
   color: #000;
+  display: flex;
+  width: 20rem;
+  margin-left: 1rem;
+  margin-top: 1rem;
+  align-items: center;
+  img {
+    margin-right: 0.5rem;
+  }
+  span {
+    font-size: 1.2rem;
+    color: #000000;
+    letter-spacing: -1px;
+    font-family: 'Pretendard-SemiBold';
+  }
+  .questioner-tag {
+    border-radius: 4px;
+    font-size: 1rem;
+    color: #808080;
+  }
 }
 
 .middle {
   margin: 0 4% 0 2%;
 }
 
-.questioner-tag {
-  margin-left: 4%;
-  margin-top: 2%;
-  border-radius: 4px;
-  font-size: 0.8rem;
-  color: #666;
-}
-
 .question-img {
   margin-right: 1%;
 }
@@ -46,13 +73,15 @@
   display: flex;
   position: relative;
   white-space: nowrap;
-  margin: 0% 0% -5% 13%;
+  // margin: 0% 0% -5% 13%;
   align-items: center;
 }
 
 .chat-img {
   margin-top: 6%;
   margin-right: 1.5%;
+  width: 15px;
+  height: 15px;
 }
 
 .chat-count {
@@ -66,6 +95,8 @@
   white-space: nowrap;
   margin-right: 1.5%;
   margin-top: 6%;
+  width: 15px;
+  height: 15px;
 }
 
 .view-count {
@@ -95,30 +126,30 @@
   justify-content: flex-start;
   font-family: 'Pretendard-Bold';
   letter-spacing: -1.5px;
-  overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 20px;
+  font-size: 1.6rem;
   white-space: nowrap;
-  margin: 8% 0% 0% 13%;
+  // margin: 8% 0% 0% 13%;
   align-items: center;
   gap: 10px;
 }
 
 .reward {
   border-radius: 5px;
-  background-color: #d9d9d9;
-  padding: 5px 5px;
+  background-color: #ff8d1d;
+  padding: 0 5px;
   font-size: 12px;
   font-family: 'Pretendard';
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-top: 7%;
+
+  margin-right: 4px;
 }
 
 .question-content {
   width: 90%;
-  margin: 5% 0% 0% 13%;
+  // margin: 5% 0% 0% 13%;
   font-family: pretendard-Light;
   font-size: 15px;
   letter-spacing: -0.5px;
@@ -143,3 +174,11 @@
   margin: 3% 0% 2.5% 10%;
   width: 81%;
 }
+
+.question-list-info {
+  display: flex;
+  justify-content: space-between;
+  &:first-child div {
+    display: flex;
+  }
+}
diff --git a/src/asset/sass/pages/postPage/questionDetailPage.scss b/src/asset/sass/pages/postPage/questionDetailPage.scss
@@ -1,6 +1,3 @@
-$job-seeker: '취준생';
-$job-keeper: '현직자';
-
 .question-detail-container {
   margin-top: 5%;
   padding: 35px;
@@ -87,15 +84,12 @@ $job-keeper: '현직자';
 
 .answer-title {
   position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
   font-weight: 600;
   width: 88%;
   margin: 5% 0;
   letter-spacing: -1px;
   margin-right: 7%;
-  span {
+  span:last-child {
     width: 100%;
     color: #ff8d1d;
   }
@@ -274,15 +268,27 @@ $job-keeper: '현직자';
     margin-right: 60%;
     color: #875100;
   }
+
   img:first-child {
     margin-right: 7px;
   }
   img:last-child {
     cursor: pointer;
   }
-  color: #875100;
 
   .leaf {
     color: #428238;
   }
 }
+
+// .job-seeker {
+//   color: #875100;
+
+//   .leaf {
+//     color: #428238;
+//   }
+// }
+
+// .job-keeper {
+//   color: #428238;
+// }
diff --git a/src/asset/sass/pages/postPage/questionWritePage.scss b/src/asset/sass/pages/postPage/questionWritePage.scss
@@ -61,18 +61,20 @@
 }
 
 .question-input {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  resize: none;
-  height: 200px;
-  width: 35rem;
+  color: #808080;
+  height: 270px;
+  width: 520px;
   margin: 0% 0% -0.7% 1%;
   font-family: 'Pretendard-Regular', sans-serif;
-  &::placeholder {
-    width: 33rem;
-    line-height: 2;
-  }
+  font-size: 1.5rem;
+  letter-spacing: -1px;
+  margin-left: 12%;
+  border-radius: 10px;
+  border: 0.5px solid #d9d9d9;
+
+  padding: 1.75rem;
+  line-height: 2.8;
+  text-align: left;
 }
 
 select {
@@ -111,12 +113,13 @@ select {
   display: flex;
   justify-content: center;
   box-sizing: border-box;
-  width: 182px;
-  height: 48px;
   position: relative;
+  // width: 100%;
+  height: 48px;
   left: 5rem;
   margin-top: 5%;
   span {
+    width: 100%;
     font-weight: 900;
     font-family: 'Pretendard-ExtraBold';
     font-size: 3.5rem;
@@ -136,7 +139,7 @@ select {
 
   span {
     overflow-wrap: break-word;
-    font-family: Pretendard;
+    font-family: 'Pretendard-Light';
     font-weight: 600;
     font-size: 1.8rem;
     letter-spacing: -0.1rem;
@@ -178,20 +181,22 @@ select {
   box-sizing: border-box;
   border: 0.5px solid #808080;
   letter-spacing: -1px;
-
+  color: #47474c;
   span {
     display: flex;
     justify-content: center;
     overflow-wrap: break-word;
-    font-family: 'Pretendard-Medium';
+    font-family: 'Pretendard-Light';
     font-weight: 600;
     font-size: 2rem;
+
     letter-spacing: -0.1rem;
-    color: #474646;
-    &:active {
-      color: #ff8d1d;
-      font-family: 'Pretendard-Bold';
-    }
+  }
+  &:active {
+    border: 2px solid #ff8d1d;
+    background-color: #ff8d1d;
+    color: #ffffff;
+    font-family: 'Pretendard-Bold';
   }
   button {
     width: 3rem;
@@ -208,6 +213,44 @@ select {
   }
 }
 
+.category-select {
+  font-size: 1.3rem;
+  border-radius: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1% 2.5% 1% 2.5%;
+  box-sizing: border-box;
+  border: 1px solid #bcbcbc;
+  color: #47474c;
+  span {
+    overflow-wrap: break-word;
+    font-family: Pretendard;
+    font-weight: 600;
+    font-size: 1.6rem;
+    letter-spacing: -0.1rem;
+
+    display: flex;
+    justify-content: center;
+
+    width: 7rem;
+  }
+  &:active {
+    background-color: #ff8d1d;
+    color: #ffffff;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &.selected {
+    border: 2px solid #ff8d1d;
+    background-color: #ff8d1d;
+    color: #ffffff;
+  }
+}
+
 .category-container {
   margin: 1.2rem 21.9rem 1.3rem 3.2rem;
   display: flex;

diff --git a/src/asset/sass/pages/searchPage/companyInfoPage.scss b/src/asset/sass/pages/searchPage/companyInfoPage.scss
@@ -33,10 +33,10 @@
 
 .question-info-container {
   display: flex;
-  flex-direction: row;
   justify-content: space-between;
   align-items: center;
   color: var(--color-primary);
+  margin-bottom: 1.4rem;
 }
 
 .question-count {