diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss index b25d609..29a098a 100644 --- a/src/components/Note/NoteFooter/NoteFooter.module.scss +++ b/src/components/Note/NoteFooter/NoteFooter.module.scss @@ -178,9 +178,9 @@ } } -.smallZapLottie { - width: 32px; - height: 32px; +.largeZapLottie { + width: 341px; + height: 95px; position: absolute; z-index: 20; } diff --git a/src/components/Note/NoteFooter/NoteFooter.tsx b/src/components/Note/NoteFooter/NoteFooter.tsx index 5bc35d7..a958c9f 100644 --- a/src/components/Note/NoteFooter/NoteFooter.tsx +++ b/src/components/Note/NoteFooter/NoteFooter.tsx @@ -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<{