fix(icons): replace remaining hand-rolled inline SVGs with Lucide

telegram-login: close X and lock icons (auth-gate icon reused across
telegram-login and cart - same 'log in required' concept, now the
same lock icon in both instead of two different hand-drawn shapes);
retry/refresh icon (QR expired/error states, was duplicated). Added
missing aria-label on the close button (had none).

catalog-empty-state, category, subcategories, item-detail: empty-state
illustrations (package/search/grid), add-to-cart icons, success/error
status icons, and thumbs up/down vote icons replaced. Rating stars
(item-detail, both product rating and per-review rating) now use one
Star icon with a color input and a .dx-star--filled CSS class for the
solid/outline toggle, instead of hand-toggling raw fill/stroke SVG
attributes - fixes the same rating-star pattern being drawn two
different ways (outline-only in the carousel earlier, fill-toggling
here).

Added color input to app-icon (was stroke-only via currentColor
before) and four more icons to the registry: refresh, thumbsUp/Down,
locate/mapPin (added earlier this session).

Also fixed the currency-dropdown chevron in language-selector that a
prior replace_all missed (same markup, different [class.rotated]
binding target).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-20 02:53:52 +04:00
parent 3837ddfb2d
commit e1112bbd50
14 changed files with 46 additions and 75 deletions

View File

@@ -204,6 +204,10 @@ $dx-card-bg: #f5f3f9;
gap: 3px;
}
.dx-star--filled svg path {
fill: currentColor;
}
.dx-rating-value {
font-weight: 700;
font-size: 1rem;
@@ -310,7 +314,7 @@ $dx-card-bg: #f5f3f9;
}
}
// Variant chips (colour/size) shared between platform and alt
// Variant chips (colour/size) <EFBFBD> shared between platform and alt
.dx-variants, .alt-variants {
display: flex;
flex-direction: column;
@@ -812,7 +816,7 @@ $dx-card-bg: #f5f3f9;
// ========== platform RESPONSIVE ==========
// Large desktop constrain gallery height
// Large desktop <EFBFBD> constrain gallery height
@media (min-width: 1201px) {
.dx-main-photo {
max-height: 560px;