mirror of
https://github.com/PrimalHQ/primal-web-app.git
synced 2024-09-30 00:41:09 +00:00
Fix top zaps z-axis stacking for better animation
This commit is contained in:
parent
2a9d443bc6
commit
b5b043152c
@ -352,6 +352,7 @@
|
||||
}
|
||||
|
||||
.topZap {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@ -430,7 +431,7 @@
|
||||
|
||||
.topZapExitTransition {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
transform: translateY(3px);
|
||||
}
|
||||
|
||||
.noteNotificationLink {
|
||||
|
@ -74,6 +74,7 @@ const NoteTopZaps: Component<{
|
||||
<button
|
||||
class={`${styles.topZap}`}
|
||||
onClick={() => props.action()}
|
||||
style={`z-index: ${12 - index()};`}
|
||||
>
|
||||
<Avatar user={zapSender(zap)} size="micro" />
|
||||
<div class={styles.amount}>
|
||||
|
Loading…
Reference in New Issue
Block a user