fix: add fold-code button when code is expand

app/components/markdown.tsx

@@ -196,11 +196,13 @@ function CustomCode(props: { children: any; className?: string }) {
       >
         {props.children}
       </code>
-      {showToggle && collapsed && (
+      {showToggle && (
         <div
           className={`show-hide-button ${collapsed ? "collapsed" : "expanded"}`}
         >
-          <button onClick={toggleCollapsed}>{Locale.NewChat.More}</button>
+          <button onClick={toggleCollapsed}>
+            {collapsed ? Locale.NewChat.More : Locale.NewChat.Less}
+          </button>
         </div>
       )}
     </>

app/locales/cn.ts

@@ -680,6 +680,7 @@ const cn = {
     Title: "挑选一个面具",
     SubTitle: "现在开始，与面具背后的灵魂思维碰撞",
     More: "查看全部",
+    Less: "折叠代码",
   },
 
   URLCommand: {

app/locales/en.ts

@@ -688,6 +688,7 @@ const en: LocaleType = {
     Title: "Pick a Mask",
     SubTitle: "Chat with the Soul behind the Mask",
     More: "Find More",
+    Less: "Fold Code",
     NotShow: "Never Show Again",
     ConfirmNoShow: "Confirm to disable？You can enable it in settings later.",
   },

app/locales/tw.ts

@@ -507,6 +507,7 @@ const tw = {
     Title: "挑選一個角色範本",
     SubTitle: "現在開始，與角色範本背後的靈魂思維碰撞",
     More: "搜尋更多",
+    Less: "收合程式",
   },
   URLCommand: {
     Code: "偵測到連結中已經包含存取密碼，是否自動填入？",

app/styles/globals.scss

@@ -331,6 +331,7 @@ pre {
   
   .expanded {
     background-image: none;
+    justify-content: flex-end;
   }
   .collapsed {
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.06));