Update src/components/background/RotatedRaysBackground.tsx

This commit is contained in:
2026-03-05 08:14:40 +00:00
parent 905640c8cc
commit 5f6c900e7b

View File

@@ -59,7 +59,7 @@ const RotatedRaysBackground = ({
<style>
{`
@keyframes rotatedRayPulse {
0%, 100% { opacity: 0; }
0%, תמיד { opacity: 0; }
50% { opacity: var(--target-opacity); }
}
`}
@@ -68,7 +68,7 @@ const RotatedRaysBackground = ({
{showGrid && (
<div
className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_100%)]"
className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_תמיד )]"
style={{
backgroundImage:
"linear-gradient(to right, color-mix(in srgb, var(--color-background-accent) 20%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-background-accent) 10%, transparent) 1px, transparent 1px)",
@@ -89,7 +89,7 @@ const RotatedRaysBackground = ({
{rays.map((ray, index) => (
<div
key={`ray-${index}`}
className="absolute overflow-hidden origin-top-right -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
className="absolute overflow-hidden origin-top-right -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
style={{
width: `${ray.width}px`,
left: ray.left || `calc(50% - ${ray.width / 2}px)`,
@@ -109,7 +109,7 @@ const RotatedRaysBackground = ({
{lightSources.map((source, index) => (
<div
key={`light-source-${index}`}
className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
style={{
width: `${source.width}px`,
height: source.height ? `${source.height}px` : undefined,