Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233343536<script lang="ts"> import { resolve } from "$app/paths"; import Separator from "$lib/components/ui/Separator.svelte"; import { compactRelativeTime } from "$lib/format"; import type { StringCardData } from "$lib/components/profile/types";
let { entry }: { entry: StringCardData } = $props();</script>
<div class="flex min-h-24 flex-col justify-between gap-1"> <div class="flex flex-1 flex-col gap-2"> <div class="flex min-w-0 items-center justify-between pr-2 font-medium text-foreground-default" > <a href={resolve(`/${entry.ownerHandle}/strings/${entry.rkey}` as "/")} class="min-w-0 truncate no-underline hover:underline" > {entry.filename} </a> </div>
{#if entry.description} <p class="line-clamp-2 typography-paragraph-small text-foreground-muted"> {entry.description} </p> {/if} </div>
<div class="flex flex-wrap items-center gap-1 typography-monospace-small text-foreground-muted"> <span class="shrink-0">{entry.lines} line{entry.lines === 1 ? "" : "s"}</span> <Separator variant="dot" /> <span>{compactRelativeTime(entry.createdAt)}</span> </div></div>