Skip to content

fix layer card border-radius miter artifact#371

Merged
toadkicker merged 1 commit intomainfrom
fix/layer-card-border-radius
Apr 24, 2026
Merged

fix layer card border-radius miter artifact#371
toadkicker merged 1 commit intomainfrom
fix/layer-card-border-radius

Conversation

@toadkicker
Copy link
Copy Markdown
Contributor

Summary

  • Replace border-top: 2px solid with box-shadow: inset 0 3px 0 on .layer-card-pap and .layer-card-chr
  • border-top creates a miter join where the 2px colored stripe meets the 1px gray side borders at the rounded corners — visually broken
  • inset box-shadow renders inside the border-radius curve, following it cleanly

Test plan

  • Open landing page, confirm PAP and Chrysalis layer card top accents curve cleanly at corners
  • Check dark mode and light mode

🤖 Generated with Claude Code

Replace border-top with inset box-shadow so the colored accent stripe
follows the card's border-radius curve instead of creating a miter join
at the top corners.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Copy link
Copy Markdown
Contributor

@greptile-apps greptile-apps Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

toadkicker has reached the 50-review limit for trial accounts. To continue receiving code reviews, upgrade your plan.

@toadkicker toadkicker merged commit ebbd9a1 into main Apr 24, 2026
25 checks passed
@toadkicker toadkicker deleted the fix/layer-card-border-radius branch April 24, 2026 23:48
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