default
b98500e61f
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>
5 lines
600 B
XML
5 lines
600 B
XML
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M10.8 3.6001H4.80001C4.13726 3.6001 3.60001 4.13736 3.60001 4.8001V10.8001C3.60001 11.4628 4.13726 12.0001 4.80001 12.0001H10.8C11.4627 12.0001 12 11.4628 12 10.8001V4.8001C12 4.13736 11.4627 3.6001 10.8 3.6001Z" stroke="#1447E6" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M1.2 8.4C0.54 8.4 0 7.86 0 7.2V1.2C0 0.54 0.54 0 1.2 0H7.2C7.86 0 8.4 0.54 8.4 1.2" stroke="#1447E6" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
