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` const Base = styled.div`
@keyframes bounce-from-bottom { @keyframes bottomBounce {
0% { 0% {
transform: translateY(33px); transform: translateY(33px);
} }
@ -43,16 +43,8 @@ const Base = styled.div`
padding: 0 20px; padding: 0 20px;
user-select: none; user-select: none;
align-items: center; align-items: center;
/*background: var(--message-box);*/
background: var(--secondary-background); background: var(--secondary-background);
animation: bottomBounce 340ms cubic-bezier(0.2, 0.9, 0.5, 1.16) forwards;
/*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;
> div { > div {
flex-grow: 1; flex-grow: 1;