alice.pds.demo.boltless.dev
This repository has no description
web/components: make the branch compare action a ghost button
the compare link was a hand-rolled anchor with its own text size and colour.
route it through Button with the ghost variant so it picks up the shared sizing,
hover and focus treatment.
Signed-off-by: eti <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
a2ce05ee
a2ce05ee2802ed3e789b475cd2b66a9fcddc5580
parent
1b52e4d7
1b52e4d790c9d3adccdb873c6db44fce8b436456
change-id
pqkmnrot
pqkmnrotokvwpnzpxwuuwyvpvnuurvvx
+7
-4
+7
-4
web/src/lib/components/repo/BranchList.svelte
+7
-4
web/src/lib/components/repo/BranchList.svelte
···
1
1
<script lang="ts">
2
2
import { resolve } from "$app/paths";
3
3
import GitCompare from "$icon/git-compare";
4
+
import Button from "$lib/components/ui/Button.svelte";
4
5
import Tag from "$lib/components/ui/Tag.svelte";
5
6
import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
6
7
import type { BranchSummary } from "./types";
···
41
42
{/if}
42
43
</div>
43
44
{#if branch.name !== currentRef}
44
-
<a
45
+
<Button
46
+
variant="ghost"
47
+
size="sm"
48
+
icon={GitCompare}
45
49
href={resolve(
46
50
`${base}/compare/${encodeURIComponent(currentRef)}...${encodeURIComponent(branch.name)}` as "/"
47
51
)}
48
-
class="ml-2 flex shrink-0 items-center gap-1 text-xs text-foreground-muted"
52
+
class="ml-2 shrink-0"
49
53
title="Compare branches or tags"
50
54
>
51
-
<GitCompare class="size-3" aria-hidden="true" />
52
55
Compare
53
-
</a>
56
+
</Button>
54
57
{/if}
55
58
</div>
56
59
{/each}