From cadd2558fda756db2dd87cf39056e39c3937f31d Mon Sep 17 00:00:00 2001
From: Fred <fred@nextchat.dev>
Date: Tue, 30 Apr 2024 17:42:59 +0800
Subject: [PATCH] chore: update settings width

---
 app/containers/Settings/SettingPanel.tsx |  4 +++-
 package.json                             |  2 ++
 tailwind.config.js                       |  1 -
 yarn.lock                                | 10 ++++++++++
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/containers/Settings/SettingPanel.tsx b/app/containers/Settings/SettingPanel.tsx
index 1c5dc4e62..a84fc483e 100644
--- a/app/containers/Settings/SettingPanel.tsx
+++ b/app/containers/Settings/SettingPanel.tsx
@@ -47,7 +47,7 @@ export default function Settings(props: MenuWrapperInspectProps) {
 
   const clientConfig = useMemo(() => getClientConfig(), []);
 
-  const cardClassName = "mb-6 md:max-w-setting-list md:mb-8 last:mb-0";
+  const cardClassName = "mb-6 md:mb-8 last:mb-0";
 
   return (
     <div
@@ -72,6 +72,8 @@ export default function Settings(props: MenuWrapperInspectProps) {
       >
         <div
           className={`
+            w-full
+            max-w-screen-md
             !overflow-x-hidden 
             overflow-y-auto
           `}
diff --git a/package.json b/package.json
index 45590f12d..23a262561 100644
--- a/package.json
+++ b/package.json
@@ -25,10 +25,12 @@
     "@svgr/webpack": "^6.5.1",
     "@vercel/analytics": "^0.1.11",
     "@vercel/speed-insights": "^1.0.2",
+    "classnames": "^2.5.1",
     "dayjs": "^1.11.10",
     "emoji-picker-react": "^4.9.2",
     "fuse.js": "^7.0.0",
     "html-to-image": "^1.11.11",
+    "install": "^0.13.0",
     "mermaid": "^10.6.1",
     "nanoid": "^5.0.3",
     "next": "^13.4.9",
diff --git a/tailwind.config.js b/tailwind.config.js
index 08162d55f..a23ed6f9a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -155,7 +155,6 @@ module.exports = {
       },
       maxWidth: {
         'message-width': 'var(--max-message-width)',
-        'setting-list': '710px',
         'chat-actions-select-model': '82px',
       },
       boxShadow: {
diff --git a/yarn.lock b/yarn.lock
index fe8498930..6c63b3bd6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2559,6 +2559,11 @@ chrome-trace-event@^1.0.2:
   resolved "https://registry.npmmirror.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
   integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
 
+classnames@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
+
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -4213,6 +4218,11 @@ inline-style-parser@0.1.1:
   resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
   integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
 
+install@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/install/-/install-0.13.0.tgz#6af6e9da9dd0987de2ab420f78e60d9c17260776"
+  integrity sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==
+
 internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"