From e217e8ed92fd4b8f20b52cca67b477d96b9c2de0 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Sun, 21 Apr 2024 10:17:24 +0800
Subject: [PATCH] fixing homepage blur background

---
 src/components/ui/BlurBackground.astro | 13 +++++--------
 src/pages/index.astro                  |  2 +-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/BlurBackground.astro b/src/components/ui/BlurBackground.astro
index 6d228bb..a7ecdf9 100644
--- a/src/components/ui/BlurBackground.astro
+++ b/src/components/ui/BlurBackground.astro
@@ -12,24 +12,21 @@
 	#background {
 		top: 50%;
 		left: 50%;
+
+		translate: -50% -50%;
 	}
 
 	@keyframes rotate {
 		from {
-			rotate: 0deg;
-			translate: -50% -50%;
-			scale: 1.5 1;
+			transform: rotate(0deg) scale(1.5, 1);
 		}
 
 		50% {
-			scale: 1 1.5;
-			translate: -50% -50%;
+			transform: rotate(180deg) scale(1, 1.5);
 		}
 
 		to {
-			rotate: 360deg;
-			translate: -50% -50%;
-			scale: 1.5 1;
+			transform: rotate(360deg) scale(1.5, 1);
 		}
 	}
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c260368..f717978 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,7 +8,7 @@ import BlurBackground from "../components/ui/BlurBackground.astro";
 	title="Coworking Stream Guide"
 	description="A guide for new and existing coworking streamers!"
 >
-	<div class="relative overflow-hidden h-fit min-h-screen">
+	<div class="relative overflow-hidden h-fit min-h-screen w-full">
 		<BlurBackground />
 		<div class="flex justify-center items-start pb-10">
 			<Hero />