🎨 style: add animation to the layout

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

View File

@ -113,11 +113,18 @@ export const DashboardLayout = ({
}} }}
transition={{ type: 'spring', stiffness: 260, damping: 20 }} 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> <OctokitProvider>
<Outlet /> <Outlet />
</OctokitProvider> </OctokitProvider>
</div> </motion.div>
</motion.div> </motion.div>
</div> </div>
</section> </section>