fix(ui): make package provenance section responsive#938
fix(ui): make package provenance section responsive#938danielroe merged 2 commits intonpmx-dev:mainfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
2 Skipped Deployments
|
📝 WalkthroughWalkthroughThe PackageProvenanceSection Vue component is restructured with layout and styling adjustments. The section element gains an id attribute for anchor navigation. Container padding is modified with responsive breakpoints. The header structure is reorganised and the details section converts from a flex-based layout to a responsive grid layout with different breakpoint handling. Individual detail items receive updated styling, including block-level text rendering with truncation and text wrapping properties applied to source commit, build file, and public ledger links. No public API changes are introduced. Suggested reviewers
🚥 Pre-merge checks | ✅ 1✅ Passed checks (1 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches🧪 Generate unit tests (beta)
Important Action Needed: IP Allowlist UpdateIf your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:
Reviews will stop working after February 8, 2026 if the new IP is not added to your allowlist. Comment |
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
This PR fixes the mobile layout of
<PackageProvenanceSection />by switching the details row to a responsive grid and improving overflow handling for long links/paths. It also adds the missing #provenance anchor target so the section link resolves correctly.Before:
After: