enhance: optimize chat list width

moderato-app · Mar 8, 2024 · 3b3debd · 3b3debd
1 parent ae59274
commit 3b3debd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/home/chat-window/prompt/prompt-list.tsx b/src/home/chat-window/prompt/prompt-list.tsx
@@ -32,7 +32,6 @@ export const PromptList: React.FC<Props> = ({chatProxy}) => {
 
         let ps: Prompt[]
         if (keywords.length === 0) {
-            // eslint-disable-next-line valtio/state-snapshot-rule
             ps = promptState.prompts
         } else {
             ps = promptState.prompts.filter(p => {

diff --git a/src/home/home.tsx b/src/home/home.tsx
@@ -33,7 +33,7 @@ export default function Home() {
                 <>
                     <div
                         className="flex h-screen w-screen items-center justify-center gap-2 overflow-hidden p-3 lg:gap-5">
-                        <div className="hidden sm:block h-full min-w-80 max-w-80">
+                        <div className="hidden sm:block h-full min-w-60 max-w-80 w-[35%]">
                             <Panel/>
                         </div>
                         <ChatWindow/>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -24,7 +24,8 @@ export default {
             },
             maxWidth: {
                 '11': '2.75rem',
-                '60': '20rem',
+                '40': '10rem',
+                '60': '15rem',
                 '80': '20rem',
                 '86': '22rem',
                 '96': '24rem',
@@ -38,7 +39,8 @@ export default {
             minWidth: {
                 '11': '2.75rem',
                 '12': '3rem',
-                '60': '20rem',
+                '40': '10rem',
+                '60': '15rem',
                 '80': '20rem',
                 '86': '22rem',
                 '96': '24rem',