レイアウト調整

Author: ota-meshi

.vitepress/config.mjs

@@ -185,14 +185,14 @@ export default defineConfig({
             text: "Introduction",
             link: "/documents/forSQL/",
           },
-          {
-            text: "For Oracle",
-            link: "/documents/forSQL/SQLコーディング規約（Oracle）.html",
-          },
           {
             text: "For PostgreSQL",
             link: "/documents/forSQL/SQLコーディング規約（PostgreSQL）.html",
           },
+          {
+            text: "For Oracle",
+            link: "/documents/forSQL/SQLコーディング規約（Oracle）.html",
+          },
         ],
       },
       {

.vitepress/theme/style.css

@@ -20,6 +20,19 @@
   opacity: 0.1;
 }
 
+/* タイトルが長いので調整 */
+@media (min-width: 960px) {
+  .VPNavBarTitle .title {
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+
+/* ヒーローページタイトルの改行は<wbr>で調整するのでnowrapにする */
+.VPHero .main > .name {
+  white-space: nowrap;
+}
+
 /* メインコンテンツの幅を広げます。最大1920pxまでを許可します。 */
 #app .VPDoc.has-aside .content-container {
   max-width: 1280px;

documents/forAWSResource/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: AWSインフラ命名規約
+  name: AWS<wbr>インフラ命名規約
   tagline: Future Enterprise Naming Convention Standards for AWS infrastructure resource
   actions:
     - theme: brand

documents/forGitBranch/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: Gitブランチフロー規約
+  name: Git<wbr>ブランチフロー規約
   tagline: Future Enterprise Standards for Git branch flow
   actions:
     - theme: brand

documents/forJava/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: Javaコーディング規約
+  name: Java<wbr>コーディング規約
   tagline: Future Enterprise Coding Standards for Java
   image:
     src: /images/JBee.png

documents/forMarkdown/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: '<span style="white-space: nowrap">Markdown<wbr>設計ドキュメント規約</span>'
+  name: "Markdown<wbr>設計ドキュメント<wbr>規約"
   tagline: Future Enterprise Markdown Design Document Standards
 ---
 

documents/forOpenAPISpecification/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: '<span style="white-space: nowrap">OpenAPI Specification規約</span>'
+  name: "OpenAPI <wbr>Specification<wbr>規約"
   tagline: Future Enterprise Naming Convention Standards for OpenAPI Specification
   actions:
     - theme: brand

documents/forSQL/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: SQLコーディング規約
+  name: SQL<wbr>コーディング規約
   tagline: Future Enterprise Coding Standards for SQL
   actions:
     - theme: brand

documents/forSlack/index.md

@@ -3,7 +3,7 @@ sidebarDepth: 4
 author: フューチャー株式会社
 layout: home
 hero:
-  name: '<span style="white-space: nowrap">Slack利用<wbr>ガイドライン</span>'
+  name: "Slack<wbr>利用ガイドライン"
   tagline: Slack Usage Guidelines
   actions:
     - theme: brand