cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

🎨 style: add animation to the layout

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-03-06 10:55:37 +07:00
parent 90b583aa19
commit ced50bf7f2
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/pages/org-slug/layout.tsx
View File

@ -113,11 +113,18 @@ export const DashboardLayout = ({
}}
transition={{ type: 'spring', stiffness: 260, damping: 20 }}
>
<div className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative">
<motion.div
className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative"
initial={{ opacity: 0, x: -100 }}
animate={{ opacity: 1, x: isSidebarOpen ? '10px' : 0 }}
exit={{ opacity: 0, x: 100 }}
// transition={{ duration: 0.5 }}
transition={{ type: 'spring', stiffness: 260, damping: 20 }}
>
<OctokitProvider>
<Outlet />
</OctokitProvider>
</div>
</motion.div>
</motion.div>
</div>
</section>