From 50609637aeeae6a2f73b8ee8f037e8f76608cde8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ali=20Emir=20=C5=9Een?= Date: Wed, 8 Nov 2023 17:57:07 +0300 Subject: [PATCH] docs(landing): update hero beams --- .../refine-theme/landing-hero-animation.tsx | 26 +++++-------------- documentation/tailwind.config.js | 8 +++--- 2 files changed, 11 insertions(+), 23 deletions(-) diff --git a/documentation/src/refine-theme/landing-hero-animation.tsx b/documentation/src/refine-theme/landing-hero-animation.tsx index 07c48ca096a9..83afacbbcd4f 100644 --- a/documentation/src/refine-theme/landing-hero-animation.tsx +++ b/documentation/src/refine-theme/landing-hero-animation.tsx @@ -293,11 +293,12 @@ export const LandingHeroAnimation = React.memo(function HeroAnimation() { "-translate-x-1/2", "translate-y-0", "landing-lg:translate-y-16", + "blur-sm", "animate-landing-hero-beam-line", )} style={{ - fillOpacity: 0.2, - filter: "drop-shadow(rgb(71, 235, 235) 0px 0px 3px) drop-shadow(rgb(71, 235, 235) 0px 0px 8px)", + fillOpacity: 0, + filter: "drop-shadow(rgba(71, 235, 235,0.1) 0px 0px 0px) drop-shadow(rgba(71, 235, 235,0.15) 0px 0px 10px)", }} />
-
-
+ >
diff --git a/documentation/tailwind.config.js b/documentation/tailwind.config.js index 697fdd58ce05..a670024e7327 100644 --- a/documentation/tailwind.config.js +++ b/documentation/tailwind.config.js @@ -601,7 +601,7 @@ module.exports = { opacity: 0, }, "50%": { - opacity: 1, + opacity: 0.5, }, "100%": { opacity: 0, @@ -609,13 +609,13 @@ module.exports = { }, "landing-hero-beam-bottom": { "0%": { - opacity: 0.25, + transform: "scaleX(0.5)", }, "50%": { - opacity: 1, + transform: "scaleX(1)", }, "100%": { - opacity: 0.25, + transform: "scaleX(0.5)", }, }, "showcase-bottom-fade-reveal": {