forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: align deprecated version icon and text (#1125)
+6
-6
+6
-6
app/components/Package/Versions.vue
+6
-6
app/components/Package/Versions.vue
···
359
359
<div>
360
360
<NuxtLink
361
361
:to="versionRoute(row.primaryVersion.version)"
362
-
class="block font-mono text-sm transition-colors duration-200 truncate inline-flex items-center gap-1 focus-visible:outline-none focus-visible:text-accent"
362
+
class="font-mono text-sm transition-colors duration-200 truncate inline-flex items-center gap-1 focus-visible:outline-none focus-visible:text-accent"
363
363
:class="
364
364
row.primaryVersion.deprecated
365
365
? 'text-red-400 hover:text-red-300'
···
422
422
<div class="flex items-center justify-between gap-2">
423
423
<NuxtLink
424
424
:to="versionRoute(v.version)"
425
-
class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
425
+
class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
426
426
:class="
427
427
v.deprecated
428
428
? 'text-red-400 hover:text-red-300'
···
527
527
<div class="flex items-center justify-between gap-2">
528
528
<NuxtLink
529
529
:to="versionRoute(row.primaryVersion.version)"
530
-
class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
530
+
class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
531
531
:class="
532
532
row.primaryVersion.deprecated
533
533
? 'text-red-400 hover:text-red-300'
···
605
605
<NuxtLink
606
606
v-if="group.versions[0]?.version"
607
607
:to="versionRoute(group.versions[0]?.version)"
608
-
class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
608
+
class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
609
609
:class="
610
610
group.versions[0]?.deprecated
611
611
? 'text-red-400 hover:text-red-300'
···
668
668
<NuxtLink
669
669
v-if="group.versions[0]?.version"
670
670
:to="versionRoute(group.versions[0]?.version)"
671
-
class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
671
+
class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
672
672
:class="
673
673
group.versions[0]?.deprecated
674
674
? 'text-red-400 hover:text-red-300'
···
729
729
<div class="flex items-center justify-between gap-2">
730
730
<NuxtLink
731
731
:to="versionRoute(v.version)"
732
-
class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
732
+
class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1"
733
733
:class="
734
734
v.deprecated
735
735
? 'text-red-400 hover:text-red-300'