fix(recruitment): 배너 마진 값 조정

Nexters · Oct 16, 2021 · 9f98e46 · 9f98e46
1 parent 09454fe
commit 9f98e46
Showing 1 changed file with 33 additions and 15 deletions.
diff --git a/components/recruitment/banner.vue b/components/recruitment/banner.vue
@@ -3,18 +3,20 @@
     class="banner"
     :style="{ 'background-image': 'url(' + backgroundImageUrl + ')' }"
   >
-    <h1 class="bannerTitle">{{ headerTitle }}</h1>
-    <h2 class="bannerSubTitle">{{ subTitle }}</h2>
-    <p class="bannerPeriod">{{ period }}</p>
-    <article class="boxArea">
-      <RecruitmentLinkButton
-        v-for="box in boxList"
-        :key="box.id"
-        class="box"
-        :button-name="box.name"
-        :link="box.link"
-      />
-    </article>
+    <div class="bannerMetaWrap">
+      <h1 class="bannerTitle">{{ headerTitle }}</h1>
+      <h2 class="bannerSubTitle">{{ subTitle }}</h2>
+      <p class="bannerPeriod">{{ period }}</p>
+      <article class="boxArea">
+        <RecruitmentLinkButton
+          v-for="box in boxList"
+          :key="box.id"
+          class="box"
+          :button-name="box.name"
+          :link="box.link"
+        />
+      </article>
+    </div>
   </div>
 </template>
 
@@ -62,22 +64,23 @@ export default defineComponent({
   background-size: cover;
   background-repeat: no-repeat;
   box-sizing: border-box;
+  letter-spacing: -0.02em;
 
   .bannerTitle {
-    color: $white;
+    color: $black;
     font-weight: 900;
     white-space: pre-wrap;
   }
 
   .bannerSubTitle {
     font-weight: 400;
-    color: $white;
+    color: $black;
     white-space: pre-wrap;
   }
 
   .bannerPeriod {
     font-weight: 700;
-    color: $white;
+    color: $black;
   }
 
   .boxArea {
@@ -92,6 +95,11 @@ export default defineComponent({
     height: 624px;
     padding: 64px;
 
+    .bannerMetaWrap {
+      max-width: 1200px;
+      margin: auto;
+    }
+
     .bannerTitle {
       font-size: 60px;
       line-height: 72px;
@@ -124,6 +132,11 @@ export default defineComponent({
     height: 624px;
     padding: 64px;
 
+    .bannerMetaWrap {
+      max-width: 1200px;
+      margin: auto;
+    }
+
     .bannerTitle {
       font-size: 60px;
       line-height: 72px;
@@ -156,6 +169,11 @@ export default defineComponent({
     height: 376px;
     padding: 24px;
 
+    .bannerMetaWrap {
+      max-width: 713px;
+      margin: auto;
+    }
+
     .bannerTitle {
       font-size: 32px;
       line-height: 38px;