feat: chat ui

public/docs/chatProblem.md

@@ -11,5 +11,6 @@ chatgpt 上下文最长 4096 tokens, 会自动截取上下文，超过 4096 部
 服务器代理不稳定，可以过一会儿再尝试。 或者可以访问国外服务器: [FastGpt](https://fastgpt.run/)
 **其他问题**
 请 WX 联系: fastgpt123
-![](/imgs/wxqun300.jpg)
-![](/imgs/wx300.jpg)
+| 交流群 | 小助手 |
+| ----------------------- | -------------------- |
+| ![](/imgs/wxqun300.jpg) | ![](/imgs/wx300.jpg) |

src/components/Layout/index.tsx

@@ -9,9 +9,11 @@ import Navbar from './navbar';
 import NavbarPhone from './navbarPhone';
 
 const pcUnShowLayoutRoute: Record<string, boolean> = {
+  '/': true,
   '/login': true
 };
 const phoneUnShowLayoutRoute: Record<string, boolean> = {
+  '/': true,
   '/login': true
 };
 

src/components/Markdown/index.module.scss

@@ -337,10 +337,10 @@
 }
 .markdown {
   text-align: justify;
-  overflow-y: hidden;
   tab-size: 4;
   word-spacing: normal;
   word-break: break-all;
+  width: 100%;
 
   p {
     white-space: pre-line;
@@ -353,13 +353,13 @@
     margin: 0;
     border: none;
     border-radius: 0;
-    background-color: #222 !important;
+    background-color: #292b33 !important;
     overflow-x: auto;
     color: #fff;
   }
 
   pre code {
-    background-color: #222 !important;
+    background-color: #292b33 !important;
     width: 100%;
   }
 

src/components/Markdown/index.tsx

@@ -29,7 +29,7 @@ const Markdown = ({ source, isChatting = false }: { source: string; isChatting?:
           const code = String(children);
 
           return !inline || match ? (
-            <Box my={3} borderRadius={'md'} overflow={'hidden'} backgroundColor={'#222'}>
+            <Box my={3} borderRadius={'md'} overflow={'overlay'} backgroundColor={'#222'}>
               <Flex
                 className="code-header"
                 py={2}

src/pages/index.tsx

@@ -141,6 +141,7 @@ const Home = () => {
       flexDirection={'column'}
       alignItems={'center'}
       pt={'20vh'}
+      overflow={'overlay'}
     >
       <Box id={'particles-js'} position={'absolute'} top={0} left={0} right={0} bottom={0} />
       <Image src="/icon/logo.png" w={['70px', '120px']} h={['70px', '120px']} alt={''}></Image>
@@ -162,7 +163,8 @@ const Home = () => {
       <Button
         my={5}
         fontSize={['xl', '3xl']}
-        h={['35px', '40px']}
+        h={'auto'}
+        py={[2, 3]}
         onClick={() => router.push(`/model`)}
       >
         点击开始