nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-10-01 17:31:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial zap animation fix

Browse Source
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 { .largeZapLottie {
width: 32px; width: 341px;
height: 32px; height: 95px;
position: absolute; position: absolute;
z-index: 20; z-index: 20;
} }

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

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