Monorepo for Tangled
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738<script lang="ts"> import { stringHref } from "$lib/components/strings/urls"; 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-2xs"> <div class="flex flex-1 flex-col gap-xs"> <div class="flex min-w-0 items-center justify-between pr-xs font-medium text-foreground-default" > <a href={stringHref(entry.ownerHandle, entry.rkey)} 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 pr-24 text-pretty"> {entry.description} </p> {/if} </div>
<div class="flex flex-wrap items-center gap-2xs 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>