diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss index f3128f3..e31cfea 100644 --- a/src/components/Note/NoteFooter/NoteFooter.module.scss +++ b/src/components/Note/NoteFooter/NoteFooter.module.scss @@ -111,8 +111,8 @@ @include typeDiv; .icon { @include statIcon; - -webkit-mask: url(../../../assets/icons/feed_zap_2.svg) no-repeat 0 / 100%; - mask: url(../../../assets/icons/feed_zap_2.svg) no-repeat 0 / 100%; + -webkit-mask: url(../../../assets/icons/feed_zap_2.svg) no-repeat center 0 / auto 100%; + mask: url(../../../assets/icons/feed_zap_2.svg) no-repeat center 0 / auto 100%; } } @@ -123,8 +123,8 @@ } .icon { background-color: var(--active-zap); - -webkit-mask: url(../../../assets/icons/feed_zap_fill_2.svg) no-repeat 0 / 100%; - mask: url(../../../assets/icons/feed_zap_fill_2.svg) no-repeat 0 / 100%; + -webkit-mask: url(../../../assets/icons/feed_zap_fill_2.svg) no-repeat center 0 / auto 100%; + mask: url(../../../assets/icons/feed_zap_fill_2.svg) no-repeat center 0 / auto 100%; } } @@ -179,16 +179,16 @@ } .largeZapLottie { - width: 405px; - height: 54px; + width: 435px; + height: 58px; position: absolute; z-index: 20; // background-color: red; } .mediumZapLottie { - width: 341px; - height: 91px; + width: 360px; + height: 48px; position: absolute; z-index: 20; } diff --git a/src/components/Note/NoteFooter/NoteFooter.tsx b/src/components/Note/NoteFooter/NoteFooter.tsx index 2dc5333..606b1df 100644 --- a/src/components/Note/NoteFooter/NoteFooter.tsx +++ b/src/components/Note/NoteFooter/NoteFooter.tsx @@ -222,11 +222,11 @@ const NoteFooter: Component<{ return; } - let newLeft = props.wide ? 31 : 19; - let newTop = props.wide ? -30 : -30; + let newLeft = props.wide ? 15 : 13; + let newTop = props.wide ? -6 : -6; if (props.large) { - newLeft = 11; + newLeft = 2; newTop = -9; }