mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust the style of NoteStats (#222)

Browse Source
This commit is contained in:
Cody Tseng
2025-03-07 23:39:46 +08:00
committed by GitHub
parent 71895e3a0f
commit accf3319e7
16 changed files with 417 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/NoteStats/LikeButton.tsx
View File

@@ -55,7 +55,7 @@ export default function LikeButton({ event }: { event: Event }) {
return (
<button
className={cn(
'flex items-center enabled:hover:text-red-400 gap-1',
'flex items-center enabled:hover:text-red-400 gap-1 px-3 h-full',
hasLiked ? 'text-red-400' : 'text-muted-foreground'
)}
onClick={like}
@@ -63,9 +63,9 @@ export default function LikeButton({ event }: { event: Event }) {
title={t('Like')}
>
{liking ? (
<Loader className="animate-spin" size={16} />
<Loader className="animate-spin" />
) : (
<Heart size={16} className={hasLiked ? 'fill-red-400' : ''} />
<Heart className={hasLiked ? 'fill-red-400' : ''} />
)}
{!!likeCount && <div className="text-sm">{formatCount(likeCount)}</div>}
</button>