-
fix: product texts, mobile nav background, mobile product page layout
All checks were successfulBuild & Deploy / 🔍 Prepare (push) Successful in 6sBuild & Deploy / 🧪 QA (push) Successful in 2m20sBuild & Deploy / 🏗️ Build (push) Successful in 4m22sBuild & Deploy / 🚀 Deploy (push) Successful in 23sBuild & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m16sBuild & Deploy / 🔔 Notify (push) Successful in 1sreleased this
2026-02-28 09:51:58 +00:00 - Fix PayloadRichText: migrate custom JSX converters to Lexical v3 nodesToJSX API
- paragraph, heading, list, listitem, quote, link converters now use nodesToJSX
- Resolves missing product texts since PayloadCMS migration
- Fix mobile navigation: move overlay outside to prevent fixed-position clipping
- Header transform/backdrop-filter was containing the fixed overlay
- Use bg-primary/95 backdrop-blur-3xl for premium blue background
- Fix product image mobile layout: use md:-mt-32 responsive prefix
- Negative margin only applies on md+ to avoid overlap on mobile
- Improve mobile product page UX:
- Breadcrumbs: flex-wrap, truncate, reduced separator spacing
- Hero: reduced top padding pt-28 on mobile
- Product image card: 4/3 aspect ratio and smaller padding on mobile
- Section spacing: use responsive md: prefixes throughout
- Data tables: 2-col grid on mobile, smaller card padding/radius
- Tables: add right-edge scroll hint gradient on mobile
Downloads
- Fix PayloadRichText: migrate custom JSX converters to Lexical v3 nodesToJSX API