tangled
alpha
login
or
join now
robinwobin.dev
/
witchsky.app
forked from
jollywhoppers.com/witchsky.app
0
fork
atom
Bluesky app fork with some witchin' additions 💫
0
fork
atom
overview
issues
pulls
pipelines
update icon
vineyardbovines
1 month ago
a57faedb
a148b247
+5
-5
3 changed files
expand all
collapse all
unified
split
assets
icons
person_filled_corner2_rounded.svg
src
components
ProgressGuide
List.tsx
icons
Person.tsx
+1
assets/icons/person_filled_corner2_rounded.svg
···
1
1
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M12.233 2a4.433 4.433 0 1 0 0 8.867 4.433 4.433 0 0 0 0-8.867Zm0 10.133c-3.888 0-6.863 2.263-8.071 5.435-.346.906-.11 1.8.44 2.436.535.619 1.36.996 2.25.996h10.762c.89 0 1.716-.377 2.25-.996.55-.636.786-1.53.441-2.436-1.208-3.173-4.184-5.435-8.072-5.435Z"/></svg>
+2
-2
src/components/ProgressGuide/List.tsx
···
17
17
import {UserAvatar} from '#/view/com/util/UserAvatar'
18
18
import {atoms as a, useBreakpoints, useLayoutBreakpoints, useTheme} from '#/alf'
19
19
import {Button, ButtonIcon} from '#/components/Button'
20
20
-
import {Person_Filled as PersonIcon} from '#/components/icons/Person'
20
20
+
import {Person_Filled_Corner2_Rounded as PersonIcon} from '#/components/icons/Person'
21
21
import {TimesLarge_Stroke2_Corner0_Rounded as Times} from '#/components/icons/Times'
22
22
import {Text} from '#/components/Typography'
23
23
import type * as bsky from '#/types/bsky'
···
133
133
const visiblePortions = TOTAL_AVATARS - overlapRatio * (TOTAL_AVATARS - 1)
134
134
const avatarSize = containerWidth > 0 ? containerWidth / visiblePortions : 0
135
135
const overlap = avatarSize * overlapRatio
136
136
-
const iconSize = avatarSize * 0.45
136
136
+
const iconSize = avatarSize * 0.5
137
137
138
138
const followedAvatars = follows?.slice(0, TOTAL_AVATARS) ?? []
139
139
const remainingSlots = TOTAL_AVATARS - followedAvatars.length
+2
-3
src/components/icons/Person.tsx
···
37
37
path: 'M8 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4 7a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm13-1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-3.5 1.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm7.301 9.7c-.836-2.6-2.88-3.503-4.575-3.111a1 1 0 0 1-.451-1.949c2.815-.651 5.81.966 6.93 4.448a2.49 2.49 0 0 1-.506 2.43A2.92 2.92 0 0 1 20 20h-2a1 1 0 1 1 0-2h2a.92.92 0 0 0 .69-.295.49.49 0 0 0 .112-.505ZM8 14c-1.865 0-3.878 1.274-4.681 4.151a.57.57 0 0 0 .132.55c.15.171.4.299.695.299h7.708a.93.93 0 0 0 .695-.299.57.57 0 0 0 .132-.55C11.878 15.274 9.865 14 8 14Zm0-2c2.87 0 5.594 1.98 6.607 5.613.53 1.9-1.09 3.387-2.753 3.387H4.146c-1.663 0-3.283-1.487-2.753-3.387C2.406 13.981 5.129 12 8 12Z',
38
38
})
39
39
40
40
-
export const Person_Filled = createSinglePathSVG({
41
41
-
viewBox: '0 0 14 16',
42
42
-
path: 'M6.5 0C4.567 0 3 1.567 3 3.5C3 5.433 4.567 7 6.5 7C8.43301 7 10 5.433 10 3.5C10 1.567 8.43301 0 6.5 0Z M6.50002 8C3.43062 8 1.08148 9.78593 0.127626 12.2902C-0.145062 13.0062 0.0416292 13.7118 0.475104 14.2134C0.897533 14.7023 1.54964 15 2.25212 15H10.7479C11.4503 15 12.1024 14.7023 12.5249 14.2134C12.9584 13.7118 13.145 13.0062 12.8724 12.2902C11.9185 9.78593 9.56941 8 6.50002 8Z',
40
40
+
export const Person_Filled_Corner2_Rounded = createSinglePathSVG({
41
41
+
path: 'M12.233 2a4.433 4.433 0 1 0 0 8.867 4.433 4.433 0 0 0 0-8.867ZM12.233 12.133c-3.888 0-6.863 2.263-8.071 5.435-.346.906-.11 1.8.44 2.436.535.619 1.36.996 2.25.996h10.762c.89 0 1.716-.377 2.25-.996.55-.636.786-1.53.441-2.436-1.208-3.173-4.184-5.435-8.072-5.435Z',
43
42
})