Merge pull request #281 from HA-SEUNG-JEONG/fix/haseung

UI 수정 및 로직 수정
Team-Coverflow · May 2, 2024 · 562d24b · 562d24b
2 parents 1f1e9fa + 74aff32
commit 562d24b
Show file tree

Hide file tree

Showing 4 changed files with 184 additions and 59 deletions.
diff --git a/src/asset/sass/etc/header/userInfoHeader.scss b/src/asset/sass/etc/header/userInfoHeader.scss
@@ -48,6 +48,84 @@ img.loginuser {
   font-family: Pretendard-Medium;
 }
 
+.dropdown-question-detail-menu {
+  position: relative;
+  z-index: 500;
+
+  ul {
+    position: absolute;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    background: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    width: 88px;
+    height: 72px;
+    display: flex;
+    justify-content: space-evenly;
+    flex-direction: column;
+    align-items: center;
+
+    align-items: center;
+    max-height: 350px;
+    border-radius: 10px;
+    margin-left: 70%;
+    margin-top: 7%;
+    border-color: #d9d9d9;
+  }
+
+  .dropdown-item {
+    margin-top: 15%;
+  }
+
+  .dropdown-item-edit {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .dropdown-item-delete {
+    margin-bottom: 5%;
+    margin-top: 5%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .dropdown-item-store {
+    margin-top: -10%;
+    margin-bottom: 0%;
+  }
+
+  .dropdown-item-logout {
+    margin-top: -10%;
+    margin-bottom: 10%;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid #d9d9d9;
+    text-align: center;
+    overflow: visible;
+    z-index: 10;
+  }
+
+  hr:after {
+    content: '';
+    z-index: 1;
+    background: none;
+  }
+
+  .down-hr {
+    margin-top: 0%;
+    border-top: 1px solid #fff;
+  }
+
+  .up-hr {
+    margin-top: 0%;
+    border-top: 1px solid #fff;
+  }
+}
+
 .dropdown-menu {
   position: relative;
   z-index: 500;
@@ -101,6 +179,13 @@ img.loginuser {
     justify-content: center;
   }
 
+  .dropdown-item-delete {
+    margin-bottom: 5%;
+    margin-top: 5%;
+    display: flex;
+    justify-content: center;
+  }
+
   .dropdown-item-store {
     margin-top: -10%;
     margin-bottom: 0%;

diff --git a/src/asset/sass/pages/postPage/questionDetailPage.scss b/src/asset/sass/pages/postPage/questionDetailPage.scss
@@ -1,3 +1,6 @@
+$job-seeker: '취준생';
+$job-keeper: '현직자';
+
 .question-detail-container {
   margin-top: 5%;
   padding: 35px;
@@ -10,41 +13,43 @@
 }
 
 .detailpage-company {
-  font-size: 15px;
+  font-size: 1.5rem;
   letter-spacing: -1px;
-  display: inline-block;
-  color: white;
+  display: flex;
+  justify-content: space-evenly;
   background-color: #ff8d1d;
-  padding: 5px 15px;
+  border: 1px solid #ff8d1d;
   border-radius: 20px;
   margin-left: 1.5%;
-  font-family: pretendard-medium;
-}
-
-.company-fish-tag {
-  display: flex;
-  align-items: center;
-  margin: 2.5% 0 0 2.5%;
+  font-family: 'Pretendard-SemiBold';
+  padding: 1% 2.5% 1% 2.5%;
+  width: 83px;
 }
 
 .detailpage-fishbuncount {
-  font-size: 15px;
+  font-size: 1.5rem;
   letter-spacing: -1px;
-  display: inline-flex;
+  display: flex;
   justify-content: space-evenly;
   color: #ff8d1d;
   border: 1px solid #ff8d1d;
-  padding: 5px 8px;
   border-radius: 20px;
   margin-left: 1.5%;
-  font-family: pretendard-bold;
+  font-family: 'Pretendard-SemiBold';
+  padding: 1% 2.5% 1% 2.5%;
   img {
     padding: 0;
     width: 25px;
   }
   width: 83px;
 }
 
+.company-fish-tag {
+  display: flex;
+  align-items: center;
+  margin: 2.5% 0 0 2.5%;
+}
+
 .questioner-info {
   display: flex;
   justify-content: space-between;
@@ -122,11 +127,11 @@
 
   .comment-input {
     resize: none;
-    width: 100%;
+    width: 525px;
     background: #f6f6f6;
+    margin: 0 auto;
     display: flex;
     padding: 15px 15px;
-    padding-right: 80px;
     border: 1px solid #cecece;
     border-radius: 10px;
 
@@ -147,7 +152,7 @@
 
   .submit-comment {
     position: absolute;
-    right: 2%;
+    right: 7%;
     transform: translateY(-50%);
     padding: 5px 3px;
     border: none;
@@ -263,6 +268,11 @@
   width: 100%;
   span {
     margin-right: 60%;
+    @if $job-seeker == '취준생' {
+      color: #875100;
+    } @else {
+      color: #428238;
+    }
   }
   img:first-child {
     margin-right: 7px;