magicui icon indicating copy to clipboard operation
magicui copied to clipboard

Published 20 hours ago • verified publisher icon magicuidesign

[bug] NeonGradientCard

Open dong-qian opened this issue 7 months ago • 1 comments

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

Issue on mobile: NeonGradientCard-mobile Medium

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 CleanShot 2024-07-17 at 23 08 49@2x Medium

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`,

dong-qian avatar Jul 18 '24 03:07 dong-qian