mirror of
https://github.com/PrimalHQ/primal-web-app.git
synced 2024-10-01 17:31:13 +00:00
Initial zap animation fix
This commit is contained in:
parent
9f31e86546
commit
1bb40ea185
@ -178,9 +178,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.smallZapLottie {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
.largeZapLottie {
|
||||
width: 341px;
|
||||
height: 95px;
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
}
|
||||
|
@ -219,8 +219,8 @@ const NoteFooter: Component<{
|
||||
return;
|
||||
}
|
||||
|
||||
const newLeft = props.wide ? 36 : 24;
|
||||
const newTop = props.wide ? -28 : -28;
|
||||
const newLeft = props.wide ? 33 : 21;
|
||||
const newTop = props.wide ? -29 : -29;
|
||||
|
||||
medZapAnimation.style.left = `${newLeft}px`;
|
||||
medZapAnimation.style.top = `${newTop}px`;
|
||||
@ -310,7 +310,7 @@ const NoteFooter: Component<{
|
||||
<ZapAnimation
|
||||
id={`note-med-zap-${props.note.post.id}`}
|
||||
src={zapMD}
|
||||
class={styles.mediumZapLottie}
|
||||
class={props.large ? styles.largeZapLottie : styles.mediumZapLottie}
|
||||
ref={medZapAnimation}
|
||||
/>
|
||||
</Show>
|
||||
|
Loading…
Reference in New Issue
Block a user