From 723e83e54677678b6be4c0eb511885e820143b3e Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 26 Mar 2026 02:27:56 -0700
Subject: [PATCH] fix: resolve the navigation bar style issue of GenUI-SDK
 document on mobile devices

---
 .vitepress/theme/components/CustomHeader.vue | 5 +++++
 .vitepress/theme/style.css                   | 7 +++++++
 2 files changed, 12 insertions(+)

diff --git a/.vitepress/theme/components/CustomHeader.vue b/.vitepress/theme/components/CustomHeader.vue
index 9d22b1b..597e69c 100644
--- a/.vitepress/theme/components/CustomHeader.vue
+++ b/.vitepress/theme/components/CustomHeader.vue
@@ -935,6 +935,11 @@ watch(
   .header-top {
     display: none;
   }
+  /* 第二行样式 */
+  .header-bottom {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
 }
 /* 可访问性支持 */
 @media (prefers-contrast: high) {
diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css
index c219ed2..5b62fa8 100644
--- a/.vitepress/theme/style.css
+++ b/.vitepress/theme/style.css
@@ -826,3 +826,10 @@ img.image-inline {
   font-size: 13px;
   font-family: var(--vp-font-family-mono);
 }
+
+@media (max-width: 360px) {
+  /* 第二行样式 */
+  .custom-tabs__header .custom-tabs__nav {
+    gap: 1rem;
+  }
+}