feat: chat ui

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}