alice.pds.demo.boltless.dev
This repository has no description
web/components: use inset shadow only on raised buttons
the star button renders both in the repo header, where it is a raised
default button, and inside repo cards, where the card already carries
the elevation — so the caller decides via a prop instead of the
component hardcoding it. the profile rss link is flat for the same
reason.
the repo header fork group follows the design system segmented control:
the leading segment is default + inset shadow, the fork count segment is
ghost.
Signed-off-by: eti <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
f2c685c3
f2c685c3278d62e16252b6d39b02bf4c0e12ed2a
parent
4a6500d2
4a6500d2cc4b51d23979583623739197bcd6a171
change-id
nnzlpxxw
nnzlpxxwzsttqkpywsnqluuorxyouyvn
+18
-13
+1
-6
web/src/lib/components/profile/ProfileCard.svelte
+1
-6
web/src/lib/components/profile/ProfileCard.svelte
···
132
132
<FollowButton profileDid={identity.did} initialRkey={viewerFollowRkey} />
133
133
</div>
134
134
{/if}
135
-
<Button
136
-
href={`/${identity.handle}/feed.atom`}
137
-
variant="default"
138
-
insetShadow={true}
139
-
aria-label="RSS feed"
140
-
>
135
+
<Button href={`/${identity.handle}/feed.atom`} variant="default" aria-label="RSS feed">
141
136
<Rss class="size-4" aria-hidden="true" />
142
137
</Button>
143
138
</div>
+1
web/src/lib/components/repo/RepoCardContent.svelte
+1
web/src/lib/components/repo/RepoCardContent.svelte
+6
-5
web/src/lib/components/repo/RepoHeader.svelte
+6
-5
web/src/lib/components/repo/RepoHeader.svelte
···
81
81
{/if}
82
82
83
83
<ButtonGroup>
84
-
<Button href={resolve(`${base}/fork` as "/")} variant="default" size="sm" icon={GitFork}>
85
-
Fork
86
-
</Button>
87
84
<Button
88
-
href={resolve(`${base}/forks` as "/")}
85
+
href={resolve(`${base}/fork` as "/")}
89
86
variant="default"
90
87
size="sm"
91
-
title="Forked by"
88
+
insetShadow={true}
89
+
icon={GitFork}
92
90
>
91
+
Fork
92
+
</Button>
93
+
<Button href={resolve(`${base}/forks` as "/")} variant="ghost" size="sm" title="Forked by">
93
94
{counts.forks}
94
95
</Button>
95
96
</ButtonGroup>
+10
-2
web/src/lib/components/repo/StarButton.svelte
+10
-2
web/src/lib/components/repo/StarButton.svelte
···
13
13
repoName: string;
14
14
initialCount?: number;
15
15
initialRkey?: string | null;
16
+
insetShadow?: boolean;
16
17
}
17
18
18
-
let { repoDid, repoOwnerHandle, repoName, initialCount, initialRkey }: Props = $props();
19
+
let {
20
+
repoDid,
21
+
repoOwnerHandle,
22
+
repoName,
23
+
initialCount,
24
+
initialRkey,
25
+
insetShadow = true
26
+
}: Props = $props();
19
27
20
28
const auth = getAuth();
21
29
const profileCounts = getProfileCounts();
···
66
74
<Button
67
75
variant="default"
68
76
size="sm"
69
-
insetShadow={true}
77
+
{insetShadow}
70
78
class="flex-1"
71
79
loading={busy}
72
80
disabled={!relation.known}