alice.pds.demo.boltless.dev
This repository has no description
web/components/repo: improve repo overview look
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
0e48c0b6
0e48c0b6967bcb558383861d9aec7b22134e3a9b
parent
35214958
352149589d443a661d197f2fccdc978a3a9481df
change-id
klrpsuun
klrpsuunzkxmwmkxnsrvsouyvmwumsxn
+14
-12
+2
-2
web/src/lib/components/repo/BranchList.svelte
+2
-2
web/src/lib/components/repo/BranchList.svelte
···
20
20
21
21
<div class="flex flex-col gap-1">
22
22
{#each branches as branch (branch.name)}
23
-
<div class="flex items-center justify-between overflow-hidden typography-paragraph-large">
23
+
<div class="flex items-center justify-between overflow-hidden">
24
24
<div class="flex min-w-0 flex-1 items-center gap-2">
25
25
<a
26
26
href={resolve(`${base}/tree/${encodeURIComponent(branch.name)}` as "/")}
···
34
34
>
35
35
<TimeAgo
36
36
value={branch.when}
37
-
class="shrink-0 typography-paragraph-regular whitespace-nowrap text-foreground-subtle"
37
+
class="shrink-0 typography-paragraph-small whitespace-nowrap text-foreground-muted"
38
38
/>
39
39
{/if}
40
40
{#if branch.isDefault}
+3
-3
web/src/lib/components/repo/CommitList.svelte
+3
-3
web/src/lib/components/repo/CommitList.svelte
···
24
24
<div class="flex items-start gap-1">
25
25
<a
26
26
href={resolve(`${base}/commit/${commit.hash}` as "/")}
27
-
class="typography-paragraph-large text-foreground-default no-underline hover:underline"
27
+
class="no-underline hover:underline"
28
28
>
29
29
{commit.subject}
30
30
</a>
···
46
46
{/if}
47
47
48
48
<div
49
-
class="mt-2 flex flex-wrap items-center gap-2 typography-paragraph-regular text-foreground-subtle"
49
+
class="mt-2 flex flex-wrap items-center gap-2 typography-paragraph-small text-foreground-muted"
50
50
>
51
51
<a
52
52
href={resolve(`${base}/commit/${commit.hash}` as "/")}
53
53
title={commit.changeId ? `jj change id: ${commit.changeId}` : undefined}
54
-
class="rounded-sm bg-background-inset px-2 py-0.5 font-mono text-foreground-muted no-underline hover:underline"
54
+
class="rounded-sm bg-background-inset px-2 py-0.5 typography-monospace-small text-foreground-default no-underline hover:underline"
55
55
>
56
56
{commit.shortHash}
57
57
</a>
+3
-1
web/src/lib/components/repo/FileTree.svelte
+3
-1
web/src/lib/components/repo/FileTree.svelte
···
58
58
withMessage ? "col-span-8 md:col-span-4" : "col-span-2"
59
59
}`}
60
60
>
61
-
<Glyph class={iconClassFor(entry)} aria-hidden="true" />
61
+
<span class="text-foreground-muted">
62
+
<Glyph class={iconClassFor(entry)} aria-hidden="true" />
63
+
</span>
62
64
<span class="truncate">{entry.name}</span>
63
65
</a>
64
66
+1
-1
web/src/lib/components/repo/PanelHeader.svelte
+1
-1
web/src/lib/components/repo/PanelHeader.svelte
···
22
22
<Glyph class="size-4 shrink-0" aria-hidden="true" />
23
23
{title}
24
24
{#if count !== undefined}
25
-
<span class="rounded-sm bg-background-inset px-1 text-sm font-normal">
25
+
<span class="rounded-sm bg-background-inset px-1 mt-px typography-paragraph-small">
26
26
{approximate && count > 0 ? `${count}+` : count}
27
27
</span>
28
28
{/if}
+5
-5
web/src/lib/components/repo/TagList.svelte
+5
-5
web/src/lib/components/repo/TagList.svelte
···
15
15
const base = $derived(`/${ownerHandle}/${repoName}`);
16
16
</script>
17
17
18
-
<div class="flex flex-col gap-1">
18
+
<div class="flex flex-col gap-3 py-1">
19
19
{#each tags as tag, index (tag.name)}
20
20
<div>
21
-
<div class="flex items-center gap-2 typography-paragraph-large">
21
+
<div class="flex items-center">
22
22
<a
23
23
href={resolve(`${base}/tags/${encodeURIComponent(tag.name)}` as "/")}
24
-
class="truncate text-foreground-default no-underline hover:underline"
24
+
class="truncate no-underline hover:underline"
25
25
>
26
26
{tag.name}
27
27
</a>
28
28
</div>
29
29
<div class="flex items-center gap-2">
30
30
{#if tag.when}
31
-
<TimeAgo value={tag.when} class="typography-paragraph-regular text-foreground-subtle" />
31
+
<TimeAgo value={tag.when} class="typography-paragraph-regular text-foreground-muted" />
32
32
{/if}
33
33
{#if index === 0}
34
-
<Tag color="gray" class="font-mono">Latest</Tag>
34
+
<Tag color="gray" class="typography-monospace-regular">Latest</Tag>
35
35
{/if}
36
36
</div>
37
37
</div>