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

Configure Feed

Select the types of activity you want to include in your feed.

fix: correct truncate and indents in package versions (#585)

Co-authored-by: Daniel Roe <daniel@roe.dev>

authored by

Alex Savelyev
Daniel Roe and committed by
GitHub 7bd3c5db 4801787f

+10 -10
+1 -1
app/components/CollapsibleSection.vue
··· 123 123 :id="contentId" 124 124 class="grid ms-6 transition-[grid-template-rows] duration-200 ease-in-out collapsible-content overflow-hidden" 125 125 > 126 - <div class="min-h-0"> 126 + <div class="min-h-0 min-w-0"> 127 127 <slot /> 128 128 </div> 129 129 </div>
+9 -9
app/components/PackageVersions.vue
··· 356 356 357 357 <!-- Version info --> 358 358 <div class="flex-1 py-1.5 min-w-0 flex gap-2 justify-between items-center"> 359 - <div> 359 + <div class="overflow-hidden"> 360 360 <div> 361 361 <NuxtLink 362 362 :to="versionRoute(row.primaryVersion.version)" 363 - class="font-mono text-sm transition-colors duration-200 truncate inline-flex items-center gap-1" 363 + class="block font-mono text-sm transition-colors duration-200 truncate inline-flex items-center gap-1" 364 364 :class=" 365 365 row.primaryVersion.deprecated 366 366 ? 'text-red-400 hover:text-red-300' ··· 421 421 <div class="flex items-center justify-between gap-2"> 422 422 <NuxtLink 423 423 :to="versionRoute(v.version)" 424 - class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 424 + class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 425 425 :class=" 426 426 v.deprecated 427 427 ? 'text-red-400 hover:text-red-300' ··· 524 524 <div class="flex items-center justify-between gap-2"> 525 525 <NuxtLink 526 526 :to="versionRoute(row.primaryVersion.version)" 527 - class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 527 + class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 528 528 :class=" 529 529 row.primaryVersion.deprecated 530 530 ? 'text-red-400 hover:text-red-300' ··· 600 600 <NuxtLink 601 601 v-if="group.versions[0]?.version" 602 602 :to="versionRoute(group.versions[0]?.version)" 603 - class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 603 + class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 604 604 :class=" 605 605 group.versions[0]?.deprecated 606 606 ? 'text-red-400 hover:text-red-300' ··· 661 661 <NuxtLink 662 662 v-if="group.versions[0]?.version" 663 663 :to="versionRoute(group.versions[0]?.version)" 664 - class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 664 + class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 665 665 :class=" 666 666 group.versions[0]?.deprecated 667 667 ? 'text-red-400 hover:text-red-300' ··· 683 683 {{ group.versions[0]?.version }} 684 684 </NuxtLink> 685 685 </div> 686 - <div class="flex items-center gap-2 shrink-0"> 686 + <div class="flex items-center gap-2 shrink-0 pe-2"> 687 687 <DateTime 688 688 v-if="group.versions[0]?.time" 689 689 :datetime="group.versions[0]?.time" ··· 720 720 <div class="flex items-center justify-between gap-2"> 721 721 <NuxtLink 722 722 :to="versionRoute(v.version)" 723 - class="font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 723 + class="block font-mono text-xs transition-colors duration-200 truncate inline-flex items-center gap-1" 724 724 :class=" 725 725 v.deprecated 726 726 ? 'text-red-400 hover:text-red-300' ··· 739 739 /> 740 740 {{ v.version }} 741 741 </NuxtLink> 742 - <div class="flex items-center gap-2 shrink-0"> 742 + <div class="flex items-center gap-2 shrink-0 pe-2"> 743 743 <DateTime 744 744 v-if="v.time" 745 745 :datetime="v.time"