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 top zaps z-axis stacking for better animation

Browse Source
This commit is contained in:
Bojan Mojsilovic 2024-04-30 12:18:27 +02:00
parent 2a9d443bc6
commit b5b043152c
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Note/Note.module.scss
View File

@ -352,6 +352,7 @@
} }
.topZap { .topZap {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
@ -430,7 +431,7 @@
.topZapExitTransition { .topZapExitTransition {
opacity: 0; opacity: 0;
transform: translateY(30px); transform: translateY(3px);
} }
.noteNotificationLink { .noteNotificationLink {

1
src/components/Note/NoteTopZaps.tsx
View File

@ -74,6 +74,7 @@ const NoteTopZaps: Component<{
<button <button
class={`${styles.topZap}`} class={`${styles.topZap}`}
onClick={() => props.action()} onClick={() => props.action()}
style={`z-index: ${12 - index()};`}
> >
<Avatar user={zapSender(zap)} size="micro" /> <Avatar user={zapSender(zap)} size="micro" />
<div class={styles.amount}> <div class={styles.amount}>