From 91e00ad050747427db42436b4bb43cbdaf8c4708 Mon Sep 17 00:00:00 2001
From: Coki <hashcookie404@gmail.com>
Date: Tue, 30 Jul 2024 23:22:17 +0800
Subject: [PATCH] fix: adjust drawer width for responsiveness in SidePanelChat

---
 app/components/SidePanelChat.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/SidePanelChat.tsx b/app/components/SidePanelChat.tsx
index ea1c20a..279ad2d 100644
--- a/app/components/SidePanelChat.tsx
+++ b/app/components/SidePanelChat.tsx
@@ -40,7 +40,7 @@ const SidePanelChat = forwardRef((props, ref) => {
       </div>
       {isOpen && <div className="fixed inset-0 bg-black bg-opacity-50 z-40" onClick={toggleDrawer}></div>}
       <div
-        className={`fixed top-0 right-0 w-[500px] h-full bg-white z-50 shadow-lg transform transition-transform duration-300 ease-in-out ${
+        className={`fixed top-0 right-0 w-full sm:w-[500px] h-full bg-white z-50 shadow-lg transform transition-transform duration-300 ease-in-out ${
           isOpen ? 'translate-x-0' : 'translate-x-full'
         }`}
       >