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>
4 lines
463 B
XML
4 lines
463 B
XML
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M4.16663 16.1667V10.3333H5.83329V16.1667H4.16663ZM9.16663 16.1667V10.3333H10.8333V16.1667H9.16663ZM1.66663 19.5V17.8333H18.3333V19.5H1.66663ZM14.1666 16.1667V10.3333H15.8333V16.1667H14.1666ZM1.66663 8.66667V7L9.99996 2.83333L18.3333 7V8.66667H1.66663ZM5.37496 7H9.99996H14.625H5.37496ZM5.37496 7H14.625L9.99996 4.70833L5.37496 7Z" fill="#9CA1AF"/>
|
|
</svg>
|