fix: adjust drawer width for responsiveness in SidePanelChat

casbin · Jul 30, 2024 · 91e00ad · 91e00ad
1 parent 6820669
commit 91e00ad
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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'
         }`}
       >