fix: configuration doesnt display when title is overflow

GPTGenius · Apr 9, 2023 · 72ae231 · 72ae231
1 parent 0864e84
commit 72ae231
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@
 English | [简体中文](./README.zh-CN.md)
 
 ## Introduction
-Create a private ChatGPT website with one-click for free using Vercel, support muti text conversations/preset prompts/images generation. Powered by OpenAI API GPT-4/3.5 and Vercel.
+Create a private ChatGPT website with one-click for free using Vercel, support muti **text** / **images generation** conversations. Powered by OpenAI API GPT-4/3.5 and Vercel.
 
 ## Features
 - ⚡ Deploy quickly and for free using Vercel

diff --git a/src/modules/Main.tsx b/src/modules/Main.tsx
@@ -159,7 +159,13 @@ const Main: FC<{ lang: Lang }> = ({ lang }) => {
           <>
             <div className="w-1/3 ">{getSidebar()}</div>
             <div className="w-2/3 flex">
-              <div className="h-full w-full flex-1">{getContent()}</div>
+              <div
+                className={`h-full ${
+                  activeSetting ? 'w-3/5' : 'w-full'
+                }  flex-1`}
+              >
+                {getContent()}
+              </div>
               {activeSetting ? (
                 <div className="w-2/5">{getConfigration()}</div>
               ) : null}