Skip to content

fix(magic-card): restore border glow clipping in gradient mode#920

Merged
Yeom-JinHo merged 1 commit intomagicuidesign:mainfrom
Yeom-JinHo:fix-magic-card-border-glow
Mar 11, 2026
Merged

fix(magic-card): restore border glow clipping in gradient mode#920
Yeom-JinHo merged 1 commit intomagicuidesign:mainfrom
Yeom-JinHo:fix-magic-card-border-glow

Conversation

@Yeom-JinHo
Copy link
Member

Description

This PR restores the original glowing border behavior in MagicCard gradient mode.
The regression came from rendering the border gradient on an absolutely positioned child, which broke the padding-box / border-box clipping and caused the glow to disappear into the card background.

Changes

  • Moved the gradient border background back to the root motion.div so the border ring renders correctly again
  • Kept the gradient / orb mode API introduced in the earlier update
  • Preserved the inner background and orb overlay layering
  • Regenerated the related registry artifacts

Motivation

After the previous MagicCard update, the existing hover border glow no longer rendered as intended.
This change fixes that regression while keeping the newer mode-based API intact.

Breaking Changes

None.

Screenshots

Device / Browser / Viewport: MacBook Pro / Chrome / Desktop

Before After
스크린샷 2026-03-11 오후 8 16 21 스크린샷 2026-03-11 오후 8 16 38

@Yeom-JinHo Yeom-JinHo self-assigned this Mar 11, 2026
@vercel
Copy link

vercel bot commented Mar 11, 2026

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

A member of the Team first needs to authorize it.

@Yeom-JinHo Yeom-JinHo merged commit 1a038e2 into magicuidesign:main Mar 11, 2026
5 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant