nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-09-30 00:41:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix zap animations

Browse Source
This commit is contained in:
Bojan Mojsilovic 2024-04-25 22:47:08 +02:00
parent 1d41cf9742
commit f41094e574
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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