mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-09 10:15:26 +00:00
fix: changed anim name
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user