diff options
| author | Hailey <me@haileyok.com> | 2024-09-02 03:15:31 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-02 03:15:31 -0700 |
| commit | 4abcd65ccf94e36251142faeabdac42cada490fe (patch) | |
| tree | 31b3fa46704a0c4502ed7a52eb0b1531af9628c4 /src/lib/custom-animations/LikeIcon.tsx | |
| parent | 05ac76fc8942ec9ceda83d0f35a61763ae9bbcb5 (diff) | |
| download | voidsky-4abcd65ccf94e36251142faeabdac42cada490fe.tar.zst | |
More tweaks to animation (#5082)
Diffstat (limited to 'src/lib/custom-animations/LikeIcon.tsx')
| -rw-r--r-- | src/lib/custom-animations/LikeIcon.tsx | 48 |
1 files changed, 22 insertions, 26 deletions
diff --git a/src/lib/custom-animations/LikeIcon.tsx b/src/lib/custom-animations/LikeIcon.tsx index 06d5c2850..f5802eccb 100644 --- a/src/lib/custom-animations/LikeIcon.tsx +++ b/src/lib/custom-animations/LikeIcon.tsx @@ -99,37 +99,33 @@ export function AnimatedLikeIcon({ entering={ shouldAnimate ? circle1Keyframe.duration(300) : undefined } - style={[ - { - position: 'absolute', - backgroundColor: s.likeColor.color, - top: 0, - left: 0, - width: size, - height: size, - zIndex: -1, - pointerEvents: 'none', - borderRadius: size / 2, - }, - ]} + style={{ + position: 'absolute', + backgroundColor: s.likeColor.color, + top: 0, + left: 0, + width: size, + height: size, + zIndex: -1, + pointerEvents: 'none', + borderRadius: size / 2, + }} /> <Animated.View entering={ shouldAnimate ? circle2Keyframe.duration(300) : undefined } - style={[ - { - position: 'absolute', - backgroundColor: t.atoms.bg.backgroundColor, - top: 0, - left: 0, - width: size, - height: size, - zIndex: -1, - pointerEvents: 'none', - borderRadius: size / 2, - }, - ]} + style={{ + position: 'absolute', + backgroundColor: t.atoms.bg.backgroundColor, + top: 0, + left: 0, + width: size, + height: size, + zIndex: -1, + pointerEvents: 'none', + borderRadius: size / 2, + }} /> </> ) : null} |