mirror of https://github.com/gabehf/mnrva.dev.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
532 B
21 lines
532 B
---
|
|
import type { TailwindColor } from "@/utils/types/tailwind";
|
|
import { MAP_COLOR_VARIANT_TO_BG } from "@/utils/mapVariants";
|
|
|
|
type Props = {
|
|
position: "bottom" | "top";
|
|
color: TailwindColor;
|
|
};
|
|
|
|
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,
|
|
["left-0 top-0"]: position === "top",
|
|
["right-0 bottom-0"]: position === "bottom",
|
|
}}
|
|
>
|
|
</div>
|