Bigger sidebar

Author: geelen

demo/src/components/ChatApp.tsx

@@ -115,7 +115,7 @@ const ChatApp: React.FC<ChatAppProps> = () => {
           onModelChange={handleModelChange}
           apiKeyUpdateTrigger={apiKeyUpdateTrigger}
         />
-        <div className="flex flex-col flex-grow h-full w-[calc(100%-16rem)]">
+        <div className="flex flex-col flex-grow h-full w-[calc(100%-16rem)] lg:w-[calc(100%-32rem)]">
           <ChatNavbar
             sidebarVisible={sidebarVisible}
             setSidebarVisible={setSidebarVisible}

demo/src/components/ChatSidebar.tsx

@@ -70,7 +70,7 @@ const ChatSidebar: React.FC<ChatSidebarProps> = ({
           
           ${
             sidebarVisible
-              ? "w-64 translate-x-0"
+              ? "w-64 lg:w-[32rem] translate-x-0"
               : "w-0 -translate-x-full md:translate-x-0"
           }
         `}