レイアウト調整

future-architect · Dec 20, 2024 · cbfe60a · cbfe60a
1 parent c5dae0f
commit cbfe60a
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 11 deletions.
diff --git a/.vitepress/config.mjs b/.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",
+          },
         ],
       },
       {

diff --git a/.vitepress/theme/style.css b/.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;

diff --git a/documents/forAWSResource/index.md b/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

diff --git a/documents/forGitBranch/index.md b/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

diff --git a/documents/forJava/index.md b/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

diff --git a/documents/forMarkdown/index.md b/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
 ---
 

diff --git a/documents/forOpenAPISpecification/index.md b/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

diff --git a/documents/forSQL/index.md b/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

diff --git a/documents/forSlack/index.md b/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