fix: changed anim name

This commit is contained in:
trashtemp 2022-01-22 17:13:06 +01:00
parent a81645090e
commit 6020d94c3a
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6

View file

@ -29,7 +29,7 @@ interface Props {
}
const Base = styled.div`
@keyframes bounce-from-bottom {
@keyframes bottomBounce {
0% {
transform: translateY(33px);
}
@ -43,16 +43,8 @@ const Base = styled.div`
padding: 0 20px;
user-select: none;
align-items: center;
/*background: var(--message-box);*/
background: var(--secondary-background);
/*animation: fadeIn 5s;*/
animation-name: bounce-from-bottom;
animation-duration: 340ms;
animation-delay: 0ms;
animation-timing-function: cubic-bezier(0.2, 0.9, 0.5, 1.16);
animation-fill-mode: forwards;
animation: bottomBounce 340ms cubic-bezier(0.2, 0.9, 0.5, 1.16) forwards;
> div {
flex-grow: 1;