|
|
|
@ -12,7 +12,7 @@ const { position, color } = Astro.props;
|
|
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class:list={{
|
|
|
|
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",
|
|
|
|
["left-0 top-0"]: position === "top",
|
|
|
|
["right-0 bottom-0"]: position === "bottom",
|
|
|
|
["right-0 bottom-0"]: position === "bottom",
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
|
