mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-09 16:53:36 -05:00
fix: changed anim name
This commit is contained in:
parent
a81645090e
commit
6020d94c3a
1 changed files with 2 additions and 10 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue