📱 feat(pricing-header): show only search/copy/filter on mobile; hide vendor intro

- Mobile (isMobile=true): render SearchActions (search, copy, filter) only; hide vendor intro card
- Keep PricingFilterModal available on mobile for filtering
- Desktop/Non-mobile: unchanged behavior (vendor intro remains visible)
- Improves small-screen UX by reducing visual clutter and prioritizing primary actions

Files:
- web/src/components/table/model-pricing/layout/header/PricingTopSection.jsx

Notes:
- Added `SearchActions` import and conditional rendering
- No breaking changes; no styling changes required
This commit is contained in:
t0ng7u
2025-08-29 17:26:51 +08:00
parent 919e6937ee
commit 5f0db18d3a
7 changed files with 46 additions and 39 deletions

View File

@@ -103,7 +103,7 @@ const PricingVendorIntroSkeleton = memo(({
<Card className="!rounded-2xl shadow-sm border-0"
cover={
<div
className="relative h-32"
className="relative h-full"
style={SKELETON_STYLES.cover(isAllVendors ? THEME_COLORS.allVendors.primary : THEME_COLORS.specific.primary)}
>
<div className="relative z-10 h-full flex items-center justify-between p-4">