From b8c70f9550ed76f8ec6ec36e3aa8384245ca177a Mon Sep 17 00:00:00 2001
From: Araozu <fernando@araozu.dev>
Date: Tue, 23 Apr 2024 16:32:30 -0500
Subject: [PATCH] Add transition to sidebar toggle on mobile

---
 src/layouts/PagesLayout.astro | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/layouts/PagesLayout.astro b/src/layouts/PagesLayout.astro
index a843a16..e022d31 100644
--- a/src/layouts/PagesLayout.astro
+++ b/src/layouts/PagesLayout.astro
@@ -76,7 +76,8 @@ for (const entry of pagesIndex) {
     <div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto">
         <div
             id="sidebar"
-            class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0 border-c-border-1 -translate-x-64 lg:translate-x-0"
+            class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0 
+                border-c-border-1 -translate-x-64 lg:translate-x-0 transition-transform"
         >
             <nav class="py-4 pr-2 overflow-x-scroll h-[calc(100vh-3rem)]">
                 {