From ced50bf7f29c010ef8fc93cf767489fe0c271b81 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 6 Mar 2024 10:55:37 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20add=20animation=20to=20?=
 =?UTF-8?q?the=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/org-slug/layout.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/layout.tsx b/packages/frontend/src/pages/org-slug/layout.tsx
index 36dade67..cb126af1 100644
--- a/packages/frontend/src/pages/org-slug/layout.tsx
+++ b/packages/frontend/src/pages/org-slug/layout.tsx
@@ -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>