feat: refactor Product page to match prototype design
Redesigned ProductCard and Product page based on original prototype: ProductCard Component: - Added gradient background matching prototype style - Copied all SVG icons from prototype (US flags, HK flag, etc.) - Implemented proper icon display with white background container - Added category color variants (blue, green, purple) - Risk level indicators with accurate colors - Styled progress bar matching prototype - Proper spacing and typography from CSS Visual Elements: - Radial gradient backgrounds on cards - Glass-morphism effect with transparency - Shadow and border effects from prototype - Icon container with white background and shadow ring - Category badges with colored backgrounds Assets Added: - frame-9230.svg, frame-9231.svg (US flag icons) - hk0.svg (HK flag icon) - chart-square1.svg - All component SVG files from prototype - View toggle icons Styling: - Followed prototype's style.css specifications - Maintained exact color values and gradients - Proper border radius and spacing - Typography matching prototype Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,3 +1,3 @@
|
||||
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.66668 17.0002H13.3333V15.3335H6.66668V17.0002ZM6.66668 13.6668H13.3333V12.0002H6.66668V13.6668ZM5.00001 20.3335C4.54168 20.3335 4.14932 20.1703 3.82293 19.8439C3.49654 19.5175 3.33334 19.1252 3.33334 18.6668V5.33349C3.33334 4.87516 3.49654 4.4828 3.82293 4.15641C4.14932 3.83002 4.54168 3.66683 5.00001 3.66683H11.6667L16.6667 8.66683V18.6668C16.6667 19.1252 16.5035 19.5175 16.1771 19.8439C15.8507 20.1703 15.4583 20.3335 15 20.3335H5.00001ZM10.8333 9.50016V5.33349H5.00001V18.6668H15V9.50016H10.8333ZM5.00001 5.33349V9.50016V18.6668V5.33349Z" fill="#9CA1AF"/>
|
||||
</svg>
|
||||
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.66668 17.0002H13.3333V15.3335H6.66668V17.0002ZM6.66668 13.6668H13.3333V12.0002H6.66668V13.6668ZM5.00001 20.3335C4.54168 20.3335 4.14932 20.1703 3.82293 19.8439C3.49654 19.5175 3.33334 19.1252 3.33334 18.6668V5.33349C3.33334 4.87516 3.49654 4.4828 3.82293 4.15641C4.14932 3.83002 4.54168 3.66683 5.00001 3.66683H11.6667L16.6667 8.66683V18.6668C16.6667 19.1252 16.5035 19.5175 16.1771 19.8439C15.8507 20.1703 15.4583 20.3335 15 20.3335H5.00001ZM10.8333 9.50016V5.33349H5.00001V18.6668H15V9.50016H10.8333ZM5.00001 5.33349V9.50016V18.6668V5.33349Z" fill="#9CA1AF"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 677 B After Width: | Height: | Size: 680 B |
Reference in New Issue
Block a user