fix(recruitment): 리쿠르트 공지 박스 아이콘 추가 및 bold 처리

Nexters · Oct 21, 2021 · 09aeca6 · 09aeca6
1 parent 1957ddc
commit 09aeca6
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/assets/img/ic_caution.svg b/assets/img/ic_caution.svg
diff --git a/components/recruitment/noticeBox.vue b/components/recruitment/noticeBox.vue
@@ -1,8 +1,10 @@
 <template>
   <div class="noticeBox">
-    <h1 class="contentTitle">{{ boxTitle }}</h1>
+    <h1 class="contentTitle">
+      <img class="noticeIcon" src="~/assets/img/ic_caution.svg" />{{ boxTitle }}
+    </h1>
     <p v-for="content in contents" :key="content.id" class="content">
-      - {{ content.text }}
+      <span class="dot" />{{ content.text }}
     </p>
   </div>
 </template>
@@ -39,7 +41,24 @@ export default defineComponent({
   border-radius: 16px;
 
   .contentTitle {
-    font-style: bold;
+    font-weight: 700;
+
+    .noticeIcon {
+      vertical-align: top;
+      margin-top: 5px;
+      margin-right: 5px;
+    }
+  }
+
+  .dot {
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    border-radius: 2px;
+    margin-right: 5px;
+    background-color: #000000;
+    vertical-align: top;
+    margin-top: 10px;
   }
 }