davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
fork atom

fix(ui): fix missing icons (#1484)

authored by

Wojciech Maj and committed by
GitHub 9fbdb324 7fe73b09

+23 -23
+4 -4
app/components/Org/OperationsQueue.vue
··· 164 164 case 'running': 165 165 return 'i-svg-spinners:ring-resize' 166 166 case 'completed': 167 - return 'i-lucide:check-filled' 167 + return 'i-lucide:check' 168 168 case 'failed': 169 - return 'i-lucide:x-filled' 169 + return 'i-lucide:x' 170 170 default: 171 171 return 'i-lucide:circle-question-mark' 172 172 } ··· 410 410 <span 411 411 :class=" 412 412 op.status === 'completed' 413 - ? 'i-lucide:check-filled text-green-500' 414 - : 'i-lucide:x-filled text-red-500' 413 + ? 'i-lucide:check text-green-500' 414 + : 'i-lucide:x text-red-500' 415 415 " 416 416 class="w-3.5 h-3.5 shrink-0 mt-0.5" 417 417 aria-hidden="true"
+3 -3
app/components/Package/ClaimPackageModal.vue
··· 158 158 <div 159 159 class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg" 160 160 > 161 - <span class="i-lucide:check-filled text-green-500 w-6 h-6" aria-hidden="true" /> 161 + <span class="i-lucide:check text-green-500 w-6 h-6" aria-hidden="true" /> 162 162 <div> 163 163 <p class="font-mono text-sm text-fg">{{ $t('claim.modal.success') }}</p> 164 164 <p class="text-xs text-fg-muted"> ··· 226 226 v-if="checkResult.available" 227 227 class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg" 228 228 > 229 - <span class="i-lucide:check-filled text-green-500 w-5 h-5" aria-hidden="true" /> 229 + <span class="i-lucide:check text-green-500 w-5 h-5" aria-hidden="true" /> 230 230 <p class="font-mono text-sm text-fg">{{ $t('claim.modal.available') }}</p> 231 231 </div> 232 232 ··· 234 234 v-else 235 235 class="flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg" 236 236 > 237 - <span class="i-lucide:x-filled text-red-500 w-5 h-5" aria-hidden="true" /> 237 + <span class="i-lucide:x text-red-500 w-5 h-5" aria-hidden="true" /> 238 238 <p class="font-mono text-sm text-fg">{{ $t('claim.modal.taken') }}</p> 239 239 </div> 240 240 </div>
+13 -13
app/components/Package/TrendsChart.vue
··· 1114 1114 1115 1115 lines.push(` 1116 1116 <line 1117 - x1="${previousPoint.x}" 1118 - y1="${previousPoint.y}" 1119 - x2="${lastPoint.x}" 1120 - y2="${lastPoint.y}" 1121 - stroke="${colors.value.bg}" 1117 + x1="${previousPoint.x}" 1118 + y1="${previousPoint.y}" 1119 + x2="${lastPoint.x}" 1120 + y2="${lastPoint.y}" 1121 + stroke="${colors.value.bg}" 1122 1122 stroke-width="3" 1123 1123 opacity="1" 1124 1124 /> 1125 - <line 1126 - x1="${previousPoint.x}" 1127 - y1="${previousPoint.y}" 1128 - x2="${lastPoint.x}" 1129 - y2="${lastPoint.y}" 1130 - stroke="${stroke}" 1125 + <line 1126 + x1="${previousPoint.x}" 1127 + y1="${previousPoint.y}" 1128 + x2="${lastPoint.x}" 1129 + y2="${lastPoint.y}" 1130 + stroke="${stroke}" 1131 1131 stroke-width="3" 1132 1132 stroke-dasharray="4 8" 1133 1133 stroke-linecap="round" ··· 1240 1240 !isZoomed.value 1241 1241 ) { 1242 1242 seriesNames.push(` 1243 - <line 1243 + <line 1244 1244 x1="${svg.drawingArea.left + 12}" 1245 1245 y1="${svg.drawingArea.top + 24 * data.length}" 1246 1246 x2="${svg.drawingArea.left + 24}" ··· 1721 1721 </template> 1722 1722 <template #optionAltCopy> 1723 1723 <span 1724 - class="i-carbon:accessibility-alt w-6 h-6 text-fg-subtle" 1724 + class="i-lucide:person-standing w-6 h-6 text-fg-subtle" 1725 1725 style="pointer-events: none" 1726 1726 aria-hidden="true" 1727 1727 />
+1 -1
app/components/Package/Versions.vue
··· 502 502 <TooltipApp interactive position="top"> 503 503 <span 504 504 tabindex="0" 505 - class="i-carbon:information w-3.5 h-3.5 text-fg-subtle cursor-help shrink-0 rounded-sm" 505 + class="i-lucide:info w-3.5 h-3.5 text-fg-subtle cursor-help shrink-0 rounded-sm" 506 506 role="img" 507 507 :aria-label="$t('package.versions.filter_help')" 508 508 />
+1 -1
app/components/Readme.vue
··· 153 153 .readme :deep(a[href^='#']::after) { 154 154 /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */ 155 155 content: '__'; 156 - @apply inline i-carbon:link rtl-flip ms-1 opacity-0; 156 + @apply inline i-lucide:link rtl-flip ms-1 opacity-0; 157 157 } 158 158 159 159 .readme :deep(a[href^='#']:hover::after) {
+1 -1
app/pages/package/[[org]]/[name].vue
··· 762 762 :aria-label="copiedVersion ? $t('common.copied') : $t('package.copy_version')" 763 763 > 764 764 <span 765 - :class="copiedVersion ? 'i-carbon:checkmark' : 'i-carbon:copy'" 765 + :class="copiedVersion ? 'i-lucide:check' : 'i-lucide:copy'" 766 766 class="w-3.5 h-3.5" 767 767 aria-hidden="true" 768 768 />