admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Added loader and counter animations (#4931)

Browse Source 
Added loader animation: 


https://github.com/twentyhq/twenty/assets/102751374/c569762a-f512-4995-ac4d-47570bacdcaa

Added counter animation: 


https://github.com/twentyhq/twenty/assets/102751374/7d96c625-b56a-4ef6-8042-8e71455caf67

Co-authored-by: Ady Beraud <a.beraud96@gmail.com>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
This commit is contained in:
Ady Beraud
2024-04-12 10:27:32 +02:00
committed by GitHub
parent 138fcbf45f
commit 432d041203
6 changed files with 110 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-website/src/app/_components/contributors/ContentContainer.tsx
View File

@ -2,6 +2,8 @@
import styled from '@emotion/styled';
import MotionContainer from '@/app/_components/ui/layout/LoaderAnimation';
const Container = styled.div`
display: flex;
flex-direction: column;
@ -22,5 +24,9 @@ export const ContentContainer = ({
}: {
children?: React.ReactNode;
}) => {
return <Container>{children}</Container>;
return (
<MotionContainer>
<Container>{children}</Container>
</MotionContainer>
);
};