search

magicuidesign / magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
https://magicui.design
MIT License
12.01k stars 475 forks source link

fix(hero-video-dialog): resolve dialog display issue while keeping keep gradient mask #415

Open wahibonae opened 1 week ago

wahibonae commented 1 week ago

The issue #385 showed a broken effect in the "Hero Video Dialog".

After further investigation, I found that the mask linear gradient causes the issue when appended to the className of the parent div element.

To solve this issue, I added a maskGradient attribute that takes a mask CSS gradient as input, and adds it to the second div parent element which makes the dialog work perfectly despite having the gradient.

Screenshots after code update:

89102

31003

vercel[bot] commented 1 week ago

@wahibonae is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.