mirror of
https://github.com/PrimalHQ/primal-web-app.git
synced 2024-10-01 17:31:13 +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 {
|
.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 {
|
||||||
|
@ -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}>
|
||||||
|
Loading…
Reference in New Issue
Block a user