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

🎨 style: remove bouncing animation

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

2
packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
View File

@ -71,7 +71,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
initial={{ x: -320 }} initial={{ x: -320 }}
animate={{ x: isDesktop || mobileOpen ? 0 : -320 }} animate={{ x: isDesktop || mobileOpen ? 0 : -320 }}
exit={{ x: -320 }} exit={{ x: -320 }}
transition={{ type: 'spring', stiffness: 260, damping: 20 }} transition={{ ease: 'easeInOut', duration: 0.3 }}
className={cn('h-full flex-none w-[320px] lg:flex hidden flex-col', { className={cn('h-full flex-none w-[320px] lg:flex hidden flex-col', {
flex: mobileOpen, flex: mobileOpen,
})} })}

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

@ -111,7 +111,7 @@ export const DashboardLayout = ({
animate={{ animate={{
x: isSidebarOpen ? '10px' : 0, // Translate X based on sidebar state x: isSidebarOpen ? '10px' : 0, // Translate X based on sidebar state
}} }}
transition={{ type: 'spring', stiffness: 260, damping: 20 }} transition={{ ease: 'easeInOut', duration: 0.3 }}
> >
<motion.div <motion.div
className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative" className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative"
@ -119,7 +119,7 @@ export const DashboardLayout = ({
animate={{ opacity: 1, x: isSidebarOpen ? '10px' : 0 }} animate={{ opacity: 1, x: isSidebarOpen ? '10px' : 0 }}
exit={{ opacity: 0, x: 100 }} exit={{ opacity: 0, x: 100 }}
// transition={{ duration: 0.5 }} // transition={{ duration: 0.5 }}
transition={{ type: 'spring', stiffness: 260, damping: 20 }} transition={{ ease: 'easeInOut', duration: 0.3 }}
> >
<OctokitProvider> <OctokitProvider>
<Outlet /> <Outlet />