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 {
|
.largeZapLottie {
|
||||||
width: 32px;
|
width: 341px;
|
||||||
height: 32px;
|
height: 95px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
@ -219,8 +219,8 @@ const NoteFooter: Component<{
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const newLeft = props.wide ? 36 : 24;
|
const newLeft = props.wide ? 33 : 21;
|
||||||
const newTop = props.wide ? -28 : -28;
|
const newTop = props.wide ? -29 : -29;
|
||||||
|
|
||||||
medZapAnimation.style.left = `${newLeft}px`;
|
medZapAnimation.style.left = `${newLeft}px`;
|
||||||
medZapAnimation.style.top = `${newTop}px`;
|
medZapAnimation.style.top = `${newTop}px`;
|
||||||
@ -310,7 +310,7 @@ const NoteFooter: Component<{
|
|||||||
<ZapAnimation
|
<ZapAnimation
|
||||||
id={`note-med-zap-${props.note.post.id}`}
|
id={`note-med-zap-${props.note.post.id}`}
|
||||||
src={zapMD}
|
src={zapMD}
|
||||||
class={styles.mediumZapLottie}
|
class={props.large ? styles.largeZapLottie : styles.mediumZapLottie}
|
||||||
ref={medZapAnimation}
|
ref={medZapAnimation}
|
||||||
/>
|
/>
|
||||||
</Show>
|
</Show>
|
||||||
|
Loading…
Reference in New Issue
Block a user