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>
4 lines
2.5 KiB
XML
4 lines
2.5 KiB
XML
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M9.24996 17.8335H10.7083V16.7918C11.4027 16.6668 12 16.396 12.5 15.9793C13 15.5627 13.25 14.9446 13.25 14.1252C13.25 13.5418 13.0833 13.0071 12.75 12.521C12.4166 12.0349 11.75 11.6113 10.75 11.2502C9.91663 10.9724 9.34024 10.7293 9.02079 10.521C8.70135 10.3127 8.54163 10.0279 8.54163 9.66683C8.54163 9.30572 8.6701 9.021 8.92704 8.81266C9.18399 8.60433 9.55552 8.50016 10.0416 8.50016C10.4861 8.50016 10.8333 8.6078 11.0833 8.82308C11.3333 9.03836 11.5138 9.30572 11.625 9.62516L12.9583 9.0835C12.8055 8.59738 12.5243 8.17377 12.1145 7.81266C11.7048 7.45155 11.25 7.25016 10.75 7.20849V6.16683H9.29163V7.20849C8.59718 7.36127 8.05552 7.66683 7.66663 8.12516C7.27774 8.5835 7.08329 9.09738 7.08329 9.66683C7.08329 10.3196 7.27427 10.8474 7.65621 11.2502C8.03815 11.6529 8.63885 12.0002 9.45829 12.2918C10.3333 12.6113 10.9409 12.896 11.2812 13.146C11.6215 13.396 11.7916 13.7224 11.7916 14.1252C11.7916 14.5835 11.6284 14.9203 11.302 15.1356C10.9757 15.3509 10.5833 15.4585 10.125 15.4585C9.66663 15.4585 9.26038 15.3161 8.90621 15.0314C8.55204 14.7467 8.29163 14.3196 8.12496 13.7502L6.74996 14.2918C6.9444 14.9585 7.24649 15.4967 7.65621 15.9064C8.06593 16.3161 8.59718 16.5974 9.24996 16.7502V17.8335ZM9.99996 20.3335C8.84718 20.3335 7.76385 20.1147 6.74996 19.6772C5.73607 19.2397 4.85413 18.646 4.10413 17.896C3.35413 17.146 2.76038 16.2641 2.32288 15.2502C1.88538 14.2363 1.66663 13.1529 1.66663 12.0002C1.66663 10.8474 1.88538 9.76405 2.32288 8.75016C2.76038 7.73627 3.35413 6.85433 4.10413 6.10433C4.85413 5.35433 5.73607 4.76058 6.74996 4.32308C7.76385 3.88558 8.84718 3.66683 9.99996 3.66683C11.1527 3.66683 12.2361 3.88558 13.25 4.32308C14.2638 4.76058 15.1458 5.35433 15.8958 6.10433C16.6458 6.85433 17.2395 7.73627 17.677 8.75016C18.1145 9.76405 18.3333 10.8474 18.3333 12.0002C18.3333 13.1529 18.1145 14.2363 17.677 15.2502C17.2395 16.2641 16.6458 17.146 15.8958 17.896C15.1458 18.646 14.2638 19.2397 13.25 19.6772C12.2361 20.1147 11.1527 20.3335 9.99996 20.3335ZM9.99996 18.6668C11.8611 18.6668 13.4375 18.021 14.7291 16.7293C16.0208 15.4377 16.6666 13.8613 16.6666 12.0002C16.6666 10.1391 16.0208 8.56266 14.7291 7.27099C13.4375 5.97933 11.8611 5.33349 9.99996 5.33349C8.13885 5.33349 6.56246 5.97933 5.27079 7.27099C3.97913 8.56266 3.33329 10.1391 3.33329 12.0002C3.33329 13.8613 3.97913 15.4377 5.27079 16.7293C6.56246 18.021 8.13885 18.6668 9.99996 18.6668Z" fill="#4B5563"/>
|
|
</svg>
|