etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 10:27:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(backgrounds): expose remaining hardcoded colors in shooting-stars, meteors, gradient-animation

Browse Source
This commit is contained in:
Boris Kovalskii
2026-06-11 09:46:17 +10:00
parent 66c08b5d6d
commit f1f4281e11
6 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ui/backgrounds/background-gradient-animation.tsx
View File

@@ -32,6 +32,7 @@ export default function BackgroundGradientAnimation({ settings }: Props) {
const thirdColor = hexToRgbString(sanitizeColor(settings.thirdColor, '#64DCFF'));
const fourthColor = hexToRgbString(sanitizeColor(settings.fourthColor, '#C83232'));
const fifthColor = hexToRgbString(sanitizeColor(settings.fifthColor, '#B4B432'));
const pointerColor = hexToRgbString(sanitizeColor(settings.pointerColor, '#8C64FF'));
const interactive = safeBoolean(settings.interactive, true);
const size = safeSelect(settings.size, ['60%', '80%', '100%'] as const, '80%');
@@ -172,7 +173,7 @@ export default function BackgroundGradientAnimation({ settings }: Props) {
ref={interactiveRef}
className="absolute left-[calc(50%-var(--size)/2)] top-[calc(50%-var(--size)/2)] h-[var(--size)] w-[var(--size)] rounded-full opacity-70 mix-blend-hard-light"
style={{
background: `radial-gradient(circle at center, rgba(140, 100, 255, 0.8) 0, rgba(140, 100, 255, 0) 50%) no-repeat`,
background: `radial-gradient(circle at center, rgba(${pointerColor}, 0.8) 0, rgba(${pointerColor}, 0) 50%) no-repeat`,
}}
/>
)}