pesde-pkg/pesde
1
1
Fork 0
mirror of https://github.com/pesde-pkg/pesde.git synced 2025-05-04 10:33:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat(website): add latest version indicator

Browse source
This commit is contained in:
LukaDev 2024-08-18 18:28:58 +02:00
parent bc5715e58b
commit be11b15f2f
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/versions/+page.svelte
View file

@ -5,9 +5,11 @@
</script> </script>
<div class="space-y-4 py-4"> <div class="space-y-4 py-4">
{#each data.versions as pkg} {#each data.versions as pkg, index}
{@const isLatest = index === 0}
<article <article
class="relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover" class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${isLatest ? "ring-2 ring-inset ring-primary" : ""}`}
> >
<h2 class="font-semibold text-heading"> <h2 class="font-semibold text-heading">
<a <a
@ -15,6 +17,9 @@
class="after:absolute after:inset-0 after:content-['']" class="after:absolute after:inset-0 after:content-['']"
> >
{pkg.version} {pkg.version}
{#if isLatest}
<span class="text-primary">(latest)</span>
{/if}
</a> </a>
</h2> </h2>
<div class="text-sm font-semibold"> <div class="text-sm font-semibold">