alice.pds.demo.boltless.dev
This repository has no description
web/components/issues: improve IssueCardContent readability
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Aug 4, 2026, 7:52 PM +0200)
commit
e5efe6d8
e5efe6d82c1be0e32206b99b0ec301f61b3cb495
parent
910f88d9
910f88d957ac628ce8968f9dc69042df8701a297
+13
-12
+13
-12
web/src/lib/components/repo/issues/IssueCardContent.svelte
+13
-12
web/src/lib/components/repo/issues/IssueCardContent.svelte
···
4
4
import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
5
5
import IssueStatePill from "./IssueStatePill.svelte";
6
6
import type { IssueSummary } from "$lib/components/repo/types";
7
+
import Separator from "$lib/components/ui/Separator.svelte";
7
8
8
9
interface Props {
9
10
ownerHandle: string;
···
19
20
</script>
20
21
21
22
<div class="pb-2">
22
-
<a {href} class="text-foreground-default no-underline">
23
-
<span class="hover:underline">{issue.title}</span>
23
+
<a {href} class="text-foreground-default hover:underline">
24
+
<span>{issue.title}</span>
24
25
<span class="text-foreground-muted">#{issue.rkey}</span>
25
26
</a>
26
27
</div>
27
28
28
-
<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 typography-paragraph-small text-foreground-muted">
29
+
<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 text-foreground-muted">
29
30
<IssueStatePill state={issue.state} />
30
31
31
32
<span class="ml-1 flex items-center gap-1">
32
33
<User handle={issue.authorHandle} did={issue.authorDid} />
33
34
</span>
34
35
35
-
<span class="before:mr-1 before:content-['·']">
36
-
<TimeAgo value={issue.createdAt} />
37
-
</span>
36
+
<Separator variant="dot" />
37
+
38
+
<TimeAgo value={issue.createdAt} />
38
39
39
-
<span class="before:mr-1 before:content-['·']">
40
-
<a {href} class="text-foreground-muted no-underline hover:underline">
41
-
{issue.commentCount}
42
-
{issue.commentCount === 1 ? "comment" : "comments"}
43
-
</a>
44
-
</span>
40
+
<Separator variant="dot" />
41
+
42
+
<a {href} class="text-foreground-muted no-underline hover:underline">
43
+
{issue.commentCount}
44
+
{issue.commentCount === 1 ? "comment" : "comments"}
45
+
</a>
45
46
</div>