nostr
/
primal-web-app
mirror of https://github.com/PrimalHQ/primal-web-app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Initial zap animation fix

This commit is contained in:
Bojan Mojsilovic 2024-04-18 13:41:19 +02:00
parent 9f31e86546
commit 1bb40ea185
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Note/NoteFooter/NoteFooter.module.scss
View File

@ -178,9 +178,9 @@
}
}
.smallZapLottie {
width: 32px;
height: 32px;
.largeZapLottie {
width: 341px;
height: 95px;
position: absolute;
z-index: 20;
}

6
src/components/Note/NoteFooter/NoteFooter.tsx
View File

@ -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>