[bug] NeonGradientCard

[dong-qian]

Describe the bug The glow (blur) effect is not visible on the mobile browser, but it displays correctly on desktop devices.

Issue on mobile:

To Reproduce Steps to reproduce the behavior:

1. Go to https://magicui.design/docs/components/neon-gradient-card using the mobile browser
2. You will see there is no glow effect the card itself

Expected behavior It should be same as desktop

Expect on Desktop

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Macos
• Browser Chrome
• Version 126.0.6478.127

Smartphone (please complete the following information):

• Device: iphone x
• OS: IOS
• Browser Chrome
• Version 126.0.6478.153

Additional context Identified a potential issue and a solution, but need to confirm with the team before moving forward. Looks like /3 is the issue, /4 or large works.

"--after-blur": `${dimensions.width / 3}px`,

[pilladipesh33]

hi @dong-qian, I checked it the output is quite opposite to what you have mentioned, it works fine.