トップのリードが Safari で崩れているのを修正 (#1576)

Author: jay-es

.vitepress/theme/components/landing/1. hero-section/HeroSection.vue

@@ -15,7 +15,7 @@ import HeroDiagram from './HeroDiagram.vue'
       <h1>The Build Tool<br />for the Web</h1>
       <!-- Tagline -->
       <h3>
-        Vite は、次世代の<wbr /> Web アプリケーションを支える<wbr />超高速フロントエンド<wbr />ビルドツールです。
+        Vite は、次世代の Web アプリケーションを支える<br />超高速フロントエンドビルドツールです。
 
       </h3>
 
@@ -131,7 +131,10 @@ import HeroDiagram from './HeroDiagram.vue'
   }
 }
 
-h3 {
-  white-space: nowrap; /* 日本語版: 改行位置の調整のため */
+/* 日本語版: 改行位置の調整のため */
+@media (max-width: 480px) {
+  h3 > br {
+    display: none;
+  }
 }
 </style>

.vitepress/theme/styles/landing.css

@@ -133,7 +133,7 @@ html:has(.landing) {
     line-height: 150%;
     letter-spacing: -0.4px;
     max-width: 500px;
-    /* text-wrap: balance; 日本語版: 改行位置の調整のため無効化 */
+    text-wrap: balance;
     cursor: default;
     margin-bottom: 25px;
     padding: 0 20px;