From 1ac3edccabfa5602e3735b6970919b913b74ead3 Mon Sep 17 00:00:00 2001
From: archer <545436317@qq.com>
Date: Sun, 11 Jun 2023 19:31:22 +0800
Subject: [PATCH] perf: ui

---
 client/src/components/Markdown/Loading.tsx                   | 1 +
 client/src/components/Markdown/MermaidCodeBlock.tsx          | 1 +
 client/src/pages/chat/components/History.tsx                 | 5 +++--
 client/src/pages/index.tsx                                   | 2 +-
 client/src/pages/kb/components/KbList.tsx                    | 4 +++-
 client/src/pages/model/components/ModelList.tsx              | 4 +++-
 .../model/components/detail/components/ModelEditForm.tsx     | 4 ++--
 7 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Markdown/Loading.tsx b/client/src/components/Markdown/Loading.tsx
index ba72b8c60..2f2d61d3b 100644
--- a/client/src/components/Markdown/Loading.tsx
+++ b/client/src/components/Markdown/Loading.tsx
@@ -4,6 +4,7 @@ import { Box } from '@chakra-ui/react';
 const Loading = () => {
   return (
     <Box
+      minW={'100px'}
       w={'100%'}
       h={'80px'}
       backgroundImage={'url("/imgs/loading.gif")'}
diff --git a/client/src/components/Markdown/MermaidCodeBlock.tsx b/client/src/components/Markdown/MermaidCodeBlock.tsx
index a8917e3eb..897c4b584 100644
--- a/client/src/components/Markdown/MermaidCodeBlock.tsx
+++ b/client/src/components/Markdown/MermaidCodeBlock.tsx
@@ -77,6 +77,7 @@ const MermaidBlock = ({ code }: { code: string }) => {
       <Box
         ref={dom}
         className={styles.mermaid}
+        minW={'100px'}
         minH={'50px'}
         py={4}
         dangerouslySetInnerHTML={{ __html: svg }}
diff --git a/client/src/pages/chat/components/History.tsx b/client/src/pages/chat/components/History.tsx
index 2cbb44ca3..ef4357e47 100644
--- a/client/src/pages/chat/components/History.tsx
+++ b/client/src/pages/chat/components/History.tsx
@@ -147,13 +147,14 @@ const PcSliderBar = ({
         </Box>
       )}
       {/* chat history */}
-      <Box flex={'1 0 0'} h={0} overflow={'overlay'} userSelect={'none'}>
+      <Box flex={'1 0 0'} h={0} pl={2} overflowY={'scroll'} userSelect={'none'}>
         {history.map((item) => (
           <Flex
             key={item._id}
             position={'relative'}
             alignItems={'center'}
             p={3}
+            borderRadius={'md'}
             mb={[2, 0]}
             cursor={'pointer'}
             transition={'background-color .2s ease-in'}
@@ -162,7 +163,7 @@ const PcSliderBar = ({
             }}
             {...(item._id === chatId
               ? {
-                  backgroundImage: `${theme.lgColor.activeBlueGradient}`
+                  backgroundImage: `${theme.lgColor.activeBlueGradient}  !important`
                 }
               : {
                   bg: item.top ? 'myGray.200' : ''
diff --git a/client/src/pages/index.tsx b/client/src/pages/index.tsx
index 04b8f6c7f..3f816c05d 100644
--- a/client/src/pages/index.tsx
+++ b/client/src/pages/index.tsx
@@ -205,7 +205,7 @@ const Home = () => {
             py={[2, 3]}
             onClick={() => router.push(`/model`)}
           >
-            点击开始
+            立即开始
           </Button>
         </Flex>
       </Flex>
diff --git a/client/src/pages/kb/components/KbList.tsx b/client/src/pages/kb/components/KbList.tsx
index f348a03e9..645136707 100644
--- a/client/src/pages/kb/components/KbList.tsx
+++ b/client/src/pages/kb/components/KbList.tsx
@@ -87,7 +87,7 @@ const KbList = ({ kbId }: { kbId: string }) => {
           />
         </Tooltip>
       </Flex>
-      <Box flex={'1 0 0'} h={0} overflow={'overlay'} userSelect={'none'}>
+      <Box flex={'1 0 0'} h={0} pl={[0, 2]} overflowY={'scroll'} userSelect={'none'}>
         {kbs.map((item) => (
           <Flex
             key={item._id}
@@ -97,6 +97,8 @@ const KbList = ({ kbId }: { kbId: string }) => {
             mb={[2, 0]}
             cursor={'pointer'}
             transition={'background-color .2s ease-in'}
+            borderRadius={['', 'md']}
+            borderBottom={['1px solid #f4f4f4', 'none']}
             _hover={{
               backgroundImage: ['', theme.lgColor.hoverBlueGradient]
             }}
diff --git a/client/src/pages/model/components/ModelList.tsx b/client/src/pages/model/components/ModelList.tsx
index 070a5b446..2cfb3e90f 100644
--- a/client/src/pages/model/components/ModelList.tsx
+++ b/client/src/pages/model/components/ModelList.tsx
@@ -119,7 +119,7 @@ const ModelList = ({ modelId }: { modelId: string }) => {
           onChange={(id: any) => setCurrentTab(id)}
         />
       </Flex>
-      <Box flex={'1 0 0'} h={0} overflow={'overlay'} userSelect={'none'}>
+      <Box flex={'1 0 0'} h={0} pl={[0, 2]} overflowY={'scroll'} userSelect={'none'}>
         {currentModels.list.map((item) => (
           <Flex
             key={item._id}
@@ -129,6 +129,8 @@ const ModelList = ({ modelId }: { modelId: string }) => {
             mb={[2, 0]}
             cursor={'pointer'}
             transition={'background-color .2s ease-in'}
+            borderRadius={['', 'md']}
+            borderBottom={['1px solid #f4f4f4', 'none']}
             _hover={{
               backgroundImage: ['', theme.lgColor.hoverBlueGradient]
             }}
diff --git a/client/src/pages/model/components/detail/components/ModelEditForm.tsx b/client/src/pages/model/components/detail/components/ModelEditForm.tsx
index 9260db546..0d3e3368c 100644
--- a/client/src/pages/model/components/detail/components/ModelEditForm.tsx
+++ b/client/src/pages/model/components/detail/components/ModelEditForm.tsx
@@ -269,13 +269,13 @@ ${e.password ? `密码为: ${e.password}` : ''}`;
         </Flex>
         <Flex alignItems={'center'} mt={5}>
           <Box flex={'0 0 80px'} w={0}>
-            收藏人数:
+            收藏人数
           </Box>
           <Box>{getValues('share.collection')}人</Box>
         </Flex>
         {isOwner && (
           <Flex mt={5} alignItems={'center'}>
-            <Box flex={'0 0 100px'}>删除应用</Box>
+            <Box flex={'0 0 80px'}>删除应用</Box>
             <Button
               colorScheme={'gray'}
               variant={'base'}