From bbd20f2424b85f7a81e945d199e81a4f491c6c1c Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Sat, 20 Apr 2024 11:56:54 +0800
Subject: [PATCH] improved home page mobile responsiveness

---
 src/components/blocks/navBar.astro     | 2 +-
 src/components/ui/BlurBackground.astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/blocks/navBar.astro b/src/components/blocks/navBar.astro
index de2d4d1..5efcadb 100644
--- a/src/components/blocks/navBar.astro
+++ b/src/components/blocks/navBar.astro
@@ -82,7 +82,7 @@ import SearchModal from "../ui/SearchModal.astro";
 </div>
 <aside
 	id="vertical-navbar"
-	class="fixed block overflow-y-auto -translate-x-[200%] transition-transform duration-300 z-30 lg:hidden bg-[#151515] py-8 px-8 h-[calc(100vh-var(--header-height))] top-[--header-height]"
+	class="fixed block overflow-y-auto -translate-x-[200%] transition-transform duration-300 z-[60] lg:hidden bg-[#151515] py-8 px-8 h-[calc(100vh-var(--header-height))] top-[--header-height]"
 	transition:persist="vertical-nav-from-left"
 >
 	<VerticalNav showHome={true} />
diff --git a/src/components/ui/BlurBackground.astro b/src/components/ui/BlurBackground.astro
index 772dd31..fedca99 100644
--- a/src/components/ui/BlurBackground.astro
+++ b/src/components/ui/BlurBackground.astro
@@ -1,5 +1,5 @@
 <div
-	class="bg-[white] h-[34vmax] aspect-square absolute rounded-full bg-[linear-gradient(to_right,#88D47D,#3F84D8)] animate-[rotate_20s_infinite] opacity-80 origin-center left-1/2 top-1/2"
+	class="bg-[white] h-[80vmax] md:h-[34vmax] aspect-video md:aspect-square absolute rounded-full bg-[linear-gradient(to_right,#88D47D,#3F84D8)] animate-[rotate_20s_infinite] opacity-30 md:opacity-80 origin-center left-1/2 top-1/2"
 >
 </div>
 <div