v4.6.5 (#620)

projects/app/src/components/Markdown/chat/Guide.tsx

@@ -23,7 +23,7 @@ function MyLink(e: any) {
     <Box as={'li'} mb={1}>
       <Box
         as={'span'}
-        color={'blue.600'}
+        color={'blue.500'}
         textDecoration={'underline'}
         cursor={'pointer'}
         onClick={() => {

projects/app/src/components/Markdown/chat/QuestionGuide.tsx

@@ -77,7 +77,7 @@ const QuestionGuide = ({ text }: { text: string }) => {
                   name={'core/chat/sendLight'}
                   w={'14px'}
                   cursor={'pointer'}
-                  _hover={{ color: 'myBlue.600' }}
+                  _hover={{ color: 'blue.500' }}
                   onClick={() => eventBus.emit(EventNameEnum.sendQuestion, { text })}
                 />
               </MyTooltip>

projects/app/src/components/Markdown/img/MermaidCodeBlock.tsx

@@ -123,7 +123,7 @@ const MermaidBlock = ({ code }: { code: string }) => {
         position={'absolute'}
         color={'myGray.600'}
         _hover={{
-          color: 'myBlue.700'
+          color: 'blue.600'
         }}
         right={0}
         top={0}

projects/app/src/components/Markdown/index.module.scss

@@ -1,20 +1,23 @@
-.waitingAnimation::after {
+.waitingAnimation > :last-child::after {
   display: inline-block;
   content: '';
-  width: 4px;
+  width: 3px;
   height: 14px;
   transform: translate(4px, 2px) scaleY(1.3);
-  background-color: var(--chakra-colors-chakra-body-text);
+  background-color: var(--chakra-colors-blue-700);
   animation: blink 0.6s infinite;
 }
+
 .animation {
-  > :last-child::after {
+  height: 20px;
+
+  &::after {
     display: inline-block;
     content: '';
-    width: 4px;
+    width: 3px;
     height: 14px;
     transform: translate(4px, 2px) scaleY(1.3);
-    background-color: var(--chakra-colors-chakra-body-text);
+    background-color: var(--chakra-colors-blue-700);
     animation: blink 0.6s infinite;
   }
 }

projects/app/src/components/Markdown/index.tsx

@@ -96,10 +96,10 @@ function A({ children, ...props }: any) {
             name={'core/chat/quoteSign'}
             transform={'translateY(-2px)'}
             w={'18px'}
-            color={'myBlue.600'}
+            color={'blue.500'}
             cursor={'pointer'}
             _hover={{
-              color: 'myBlue.800'
+              color: 'blue.700'
             }}
             onClick={() => getFileAndOpen(props.href)}
           />
@@ -131,7 +131,7 @@ const Markdown = ({ source, isChatting = false }: { source: string; isChatting?:
   return (
     <ReactMarkdown
       className={`markdown ${styles.markdown}
-      ${isChatting ? (source === '' ? styles.waitingAnimation : styles.animation) : ''}
+      ${isChatting ? `${formatSource ? styles.waitingAnimation : styles.animation}` : ''}
     `}
       remarkPlugins={[RemarkGfm, RemarkMath, RemarkBreaks]}
       rehypePlugins={[RehypeKatex]}