From 1964a0e8a7050f3b0aea99645a957c747276fe82 Mon Sep 17 00:00:00 2001
From: Anvay Mathur <suggestions@megagames.me>
Date: Mon, 12 Jun 2023 22:52:24 +0800
Subject: [PATCH] fix: #1888 added slight offset to drawer-content

---
 src/components/unstyled/drawer.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/unstyled/drawer.css b/src/components/unstyled/drawer.css
index e2a7ed2251b..0d8d2bebb9e 100644
--- a/src/components/unstyled/drawer.css
+++ b/src/components/unstyled/drawer.css
@@ -2,7 +2,7 @@
   @apply grid relative;
   grid-auto-columns: max-content auto;
   &-content {
-    @apply row-start-1 col-start-2;
+    @apply row-start-1 col-start-2 translate-x-0 transition-all;
   }
   &-side {
     @apply w-full pointer-events-none grid grid-cols-1 grid-rows-1 items-start justify-items-start overscroll-contain row-start-1 col-start-1 fixed top-0 left-0 overflow-y-auto;
@@ -28,10 +28,15 @@
   }
   &-toggle {
     @apply fixed h-0 w-0 appearance-none opacity-0; 
-    &:checked ~ .drawer-side {
-      @apply visible pointer-events-auto;
-      & > *:not(.drawer-overlay) {
-        transform: translateX(0%);
+    &:checked {
+      & ~ .drawer-content {
+        @apply translate-x-2;
+      }
+      & ~ .drawer-side {
+        @apply visible pointer-events-auto;
+        & > *:not(.drawer-overlay) {
+          transform: translateX(0%);
+        }
       }
     }
   }