Adjust styles to make BG look better on firefox

2 years ago · 8abde9f2ab
parent c262293630
commit 8abde9f2ab
1 changed files with 1 additions and 1 deletions
--- a/src/components/shared/BlurCircle.astro
+++ b/src/components/shared/BlurCircle.astro
@ -12,7 +12,7 @@ const { position, color } = Astro.props;

 <div
  class:list={{
-    [`fixed z-0 h-[134px] w-[134px] lg:w-[300px] lg:h-[300px] rounded-full ${MAP_COLOR_VARIANT_TO_BG[color]} blur-[150px] md:blur-[350px] opacity-50`]: true,
+    [`fixed z-0 h-[224px] w-[224px] lg:w-[600px] lg:h-[600px] rounded-full ${MAP_COLOR_VARIANT_TO_BG[color]} blur-[300px] md:blur-[600px] opacity-5`]: true,
    ["left-0 top-0"]: position === "top",
    ["right-0 bottom-0"]: position === "bottom",
  }}