fix glowing so that it hides

This commit is contained in:
Ivan Evans 2024-09-25 21:07:48 -06:00
parent 5354bb1bad
commit 09905a4e4c

View file

@ -68,9 +68,12 @@ function ScrollToTopButton() {
<div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 z-50">
{/* Glow Effect (Behind the Button) */}
<div
className="absolute inset-0 mx-auto h-[50px] w-[200px] rounded-full blur-[50px] opacity-50 pointer-events-none z-0"
className={`absolute inset-0 mx-auto h-[50px] w-[200px] rounded-full blur-[50px] opacity-50 pointer-events-none z-0 ${
isVisible ? "opacity-100 visible" : "opacity-0 invisible"
}`}
style={{
backgroundImage: `linear-gradient(to right, rgba(var(--colors-buttons-purpleHover)), rgba(var(--colors-progress-filled)))`,
transition: "opacity 0.4s ease-in-out, transform 0.4s ease-in-out",
}}
/>