fix(recruitment): 공지사항 아이콘 모바일 깨짐 수정

Nexters · Oct 23, 2021 · 55f2973 · 55f2973
1 parent f7f6e4d
commit 55f2973
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/components/recruitment/noticeBox.vue b/components/recruitment/noticeBox.vue
@@ -44,8 +44,6 @@ export default defineComponent({
 
     .noticeIcon {
       vertical-align: top;
-      margin-top: 5px;
-      margin-right: 5px;
     }
   }
 
@@ -70,6 +68,13 @@ export default defineComponent({
       font-size: 24px;
       line-height: 36px;
       margin-bottom: 16px;
+
+      .noticeIcon {
+        width: 20px;
+        height: 20px;
+        margin-top: 5px;
+        margin-right: 5px;
+      }
     }
 
     .content {
@@ -88,6 +93,13 @@ export default defineComponent({
       font-size: 24px;
       line-height: 36px;
       margin-bottom: 16px;
+
+      .noticeIcon {
+        width: 20px;
+        height: 20px;
+        margin-top: 5px;
+        margin-right: 5px;
+      }
     }
 
     .content {
@@ -106,6 +118,13 @@ export default defineComponent({
       font-size: 16px;
       line-height: 24px;
       margin-bottom: 8px;
+
+      .noticeIcon {
+        width: 16px;
+        height: 16px;
+        margin-right: 3px;
+        margin-top: 3px;
+      }
     }
 
     .content {