fix: title line height

vuejs-jp · May 11, 2024 · 6df593b · 6df593b
1 parent cf9be30
commit 6df593b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/apps/web/app/components/FormPageSection.vue b/apps/web/app/components/FormPageSection.vue
@@ -131,6 +131,7 @@ section {
 
 .title {
   text-align: center;
+  line-height: 1.2;
 }
 
 .subtitle {

diff --git a/apps/web/app/components/MessagePageSection.vue b/apps/web/app/components/MessagePageSection.vue
@@ -35,6 +35,7 @@
 
 .title {
   text-align: center;
+  line-height: 1.2;
 }
 
 .body {

diff --git a/apps/web/app/components/SponsorPageSection.vue b/apps/web/app/components/SponsorPageSection.vue
@@ -65,7 +65,6 @@ const { color } = useColor()
         </VFLinkButton>
       </div>
     </article>
-
   </div>
 </template>
 
@@ -85,18 +84,20 @@ const { color } = useColor()
   color: var(--color-vue-blue);
 }
 
+.title {
+  text-align: center;
+  line-height: 1.2;
+}
+
 .sponsor-body {
   margin: 0 auto;
   padding: var(--sponsor-body-padding);
   margin: 0 1.5%;
   background-color: white;
   max-width: 960px;
-  text-align: center;
-
 }
 
 .sponsor-text {
-  text-align: left;
   margin-top: calc(var(--unit) * 4);
   line-height: 1.8;
 
@@ -118,8 +119,10 @@ const { color } = useColor()
 }
 
 .sponsor-subtitle {
+  text-align: center;
+  line-height: 1.2;
   margin-top: calc(var(--unit) * 5);
-  margin-bottom: calc(var(--unit) * 2);
+  margin-bottom: calc(var(--unit) * 2.5);
   background: var(--color-vue-green-gradation);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,6 +35,7 @@ @@
     .title {
       text-align: center;
+      line-height: 1.2;
     }
     .body {
@@ Expand Down @@