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): indicate current version

Browse source
This commit is contained in:
LukaDev 2024-08-18 19:10:13 +02:00
parent a4d8dafecd
commit 56fa47afce
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { page } from "$app/stores"
import { formatDistanceToNow } from "date-fns" import { formatDistanceToNow } from "date-fns"
const { data } = $props() const { data } = $props()
@ -7,9 +8,16 @@
<div class="space-y-4 py-4"> <div class="space-y-4 py-4">
{#each data.versions as pkg, index} {#each data.versions as pkg, index}
{@const isLatest = index === 0} {@const isLatest = index === 0}
{@const isCurrent = $page.params.version === pkg.version}
<article <article
class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${isLatest ? "ring-2 ring-inset ring-primary" : ""}`} class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${
isLatest
? "ring-2 ring-inset ring-primary"
: isCurrent
? "ring-2 ring-inset ring-body/50"
: ""
}`}
> >
<h2 class="font-semibold text-heading"> <h2 class="font-semibold text-heading">
<a <a