Files
assetx/public/icon-transparency.svg
default b98500e61f 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>
2026-01-30 05:35:08 +00:00

5 lines
896 B
XML

<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.3333 11.9168C18.3333 16.5001 15.125 18.7918 11.3116 20.1209C11.1119 20.1886 10.895 20.1853 10.6975 20.1118C6.87496 18.7918 3.66663 16.5001 3.66663 11.9168V5.50009C3.66663 5.25697 3.7632 5.02381 3.93511 4.85191C4.10702 4.68 4.34018 4.58342 4.58329 4.58342C6.41663 4.58342 8.70829 3.48342 10.3033 2.09009C10.4975 1.92417 10.7445 1.83301 11 1.83301C11.2554 1.83301 11.5024 1.92417 11.6966 2.09009C13.3008 3.49259 15.5833 4.58342 17.4166 4.58342C17.6597 4.58342 17.8929 4.68 18.0648 4.85191C18.2367 5.02381 18.3333 5.25697 18.3333 5.50009V11.9168Z" stroke="#9CA1AF" stroke-width="1.83333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25 10.9998L10.0833 12.8332L13.75 9.1665" stroke="#9CA1AF" stroke-width="1.83333" stroke-linecap="round" stroke-linejoin="round"/>
</svg>