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.4 KiB
XML
4 lines
2.4 KiB
XML
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M10 19.5C7.90278 19.5 6.12847 19.1771 4.67708 18.5312C3.22569 17.8854 2.5 17.0972 2.5 16.1667V7.83333C2.5 6.91667 3.23264 6.13194 4.69792 5.47917C6.16319 4.82639 7.93056 4.5 10 4.5C12.0694 4.5 13.8368 4.82639 15.3021 5.47917C16.7674 6.13194 17.5 6.91667 17.5 7.83333V16.1667C17.5 17.0972 16.7743 17.8854 15.3229 18.5312C13.8715 19.1771 12.0972 19.5 10 19.5ZM10 9.52083C11.2361 9.52083 12.4792 9.34375 13.7292 8.98958C14.9792 8.63542 15.6806 8.25694 15.8333 7.85417C15.6806 7.45139 14.9826 7.06944 13.7396 6.70833C12.4965 6.34722 11.25 6.16667 10 6.16667C8.73611 6.16667 7.49653 6.34375 6.28125 6.69792C5.06597 7.05208 4.36111 7.4375 4.16667 7.85417C4.36111 8.27083 5.06597 8.65278 6.28125 9C7.49653 9.34722 8.73611 9.52083 10 9.52083ZM10 13.6667C10.5833 13.6667 11.1458 13.6389 11.6875 13.5833C12.2292 13.5278 12.7465 13.4479 13.2396 13.3438C13.7326 13.2396 14.1979 13.1111 14.6354 12.9583C15.0729 12.8056 15.4722 12.6319 15.8333 12.4375V9.9375C15.4722 10.1319 15.0729 10.3056 14.6354 10.4583C14.1979 10.6111 13.7326 10.7396 13.2396 10.8438C12.7465 10.9479 12.2292 11.0278 11.6875 11.0833C11.1458 11.1389 10.5833 11.1667 10 11.1667C9.41667 11.1667 8.84722 11.1389 8.29167 11.0833C7.73611 11.0278 7.21181 10.9479 6.71875 10.8438C6.22569 10.7396 5.76389 10.6111 5.33333 10.4583C4.90278 10.3056 4.51389 10.1319 4.16667 9.9375V12.4375C4.51389 12.6319 4.90278 12.8056 5.33333 12.9583C5.76389 13.1111 6.22569 13.2396 6.71875 13.3438C7.21181 13.4479 7.73611 13.5278 8.29167 13.5833C8.84722 13.6389 9.41667 13.6667 10 13.6667ZM10 17.8333C10.6389 17.8333 11.2882 17.7847 11.9479 17.6875C12.6076 17.5903 13.2153 17.4618 13.7708 17.3021C14.3264 17.1424 14.7917 16.9618 15.1667 16.7604C15.5417 16.559 15.7639 16.3542 15.8333 16.1458V14.1042C15.4722 14.2986 15.0729 14.4722 14.6354 14.625C14.1979 14.7778 13.7326 14.9062 13.2396 15.0104C12.7465 15.1146 12.2292 15.1944 11.6875 15.25C11.1458 15.3056 10.5833 15.3333 10 15.3333C9.41667 15.3333 8.84722 15.3056 8.29167 15.25C7.73611 15.1944 7.21181 15.1146 6.71875 15.0104C6.22569 14.9062 5.76389 14.7778 5.33333 14.625C4.90278 14.4722 4.51389 14.2986 4.16667 14.1042V16.1667C4.23611 16.375 4.45486 16.5764 4.82292 16.7708C5.19097 16.9653 5.65278 17.1424 6.20833 17.3021C6.76389 17.4618 7.375 17.5903 8.04167 17.6875C8.70833 17.7847 9.36111 17.8333 10 17.8333Z" fill="#9CA1AF"/>
|
|
</svg>
|