From aed6f4dcea6eee82a3b7bc07ce626c1c0c791e4d Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Wed, 6 Sep 2023 20:49:48 +0800
Subject: [PATCH] fix: mobile view scroll, missing logo

---
 apps/www/.vitepress/theme/components/Logo.vue      | 2 +-
 apps/www/.vitepress/theme/components/MobileNav.vue | 2 +-
 apps/www/.vitepress/theme/style.css                | 6 +++---
 apps/www/.vitepress/theme/styles/vp-doc.css        | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/www/.vitepress/theme/components/Logo.vue b/apps/www/.vitepress/theme/components/Logo.vue
index 303a2f24..6434db52 100644
--- a/apps/www/.vitepress/theme/components/Logo.vue
+++ b/apps/www/.vitepress/theme/components/Logo.vue
@@ -15,7 +15,7 @@
       </defs>
     </svg>
 
-    <span class="hidden font-bold sm:inline-block">
+    <span class="font-bold ">
       shadcn-vue
     </span>
   </a>
diff --git a/apps/www/.vitepress/theme/components/MobileNav.vue b/apps/www/.vitepress/theme/components/MobileNav.vue
index 41986e40..7dbeddb2 100644
--- a/apps/www/.vitepress/theme/components/MobileNav.vue
+++ b/apps/www/.vitepress/theme/components/MobileNav.vue
@@ -15,7 +15,7 @@ const open = ref(false)
     <SheetTrigger as-child>
       <Button
         variant="ghost"
-        class="mr-2 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
+        class="mr-2 px-2 text-base flex-shrink-0 hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
       >
         <ViewVerticalIcon class="h-5 w-5" />
         <span class="sr-only">Toggle Menu</span>
diff --git a/apps/www/.vitepress/theme/style.css b/apps/www/.vitepress/theme/style.css
index f77a43b6..454eb5a9 100644
--- a/apps/www/.vitepress/theme/style.css
+++ b/apps/www/.vitepress/theme/style.css
@@ -128,14 +128,14 @@
 }
 
 div[class^="language-"] {
-	@apply mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 dark:!bg-zinc-900
+	@apply mb-4 mt-6 max-h-[650px] overflow-x-auto md:rounded-lg border !bg-zinc-950 dark:!bg-zinc-900
 }
 pre {
-	@apply  py-4;
+	@apply py-4;
 }
 
 pre code {
-	@apply relative rounded font-mono text-sm ;
+	@apply relative  font-mono text-sm ;
 }
 
 pre code .line {
diff --git a/apps/www/.vitepress/theme/styles/vp-doc.css b/apps/www/.vitepress/theme/styles/vp-doc.css
index 86aa9812..39c561b8 100644
--- a/apps/www/.vitepress/theme/styles/vp-doc.css
+++ b/apps/www/.vitepress/theme/styles/vp-doc.css
@@ -278,7 +278,7 @@
 .vp-doc div[class*='language-'],
 .vp-block {
   position: relative;
-  margin: 16px -24px;
+  margin: 16px -16px;
   background-color: var(--vp-code-block-bg);
   overflow-x: auto;
   transition: background-color 0.5s;