We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent f14e0f3 commit 566f165Copy full SHA for 566f165
app/routes/resources/favorite.tsx
@@ -83,10 +83,13 @@ export function FavoriteToggle({
83
const nextIntent = isFavorite ? 'remove' : 'add'
84
const isBusy = fetcher.state !== 'idle'
85
86
+ // Icon-only buttons sit next to other 24px icons (ex: 𝕏 on calls pages),
87
+ // so bump the icon size in `mode="icon"` to match.
88
+ const iconSize = mode === 'icon' ? 24 : 18
89
const icon = isBusy ? (
- <SpinnerIcon size={18} className="animate-spin" />
90
+ <SpinnerIcon size={iconSize} className="animate-spin" />
91
) : (
- <StarIcon size={18} filled={isFavorite} />
92
+ <StarIcon size={iconSize} filled={isFavorite} />
93
)
94
95
const text = isFavorite ? 'Favorited' : label
0 commit comments