Update README.md

README.md

@@ -40,13 +40,12 @@ English / [简体中文](./README_CN.md)
 
 </div>
 
-## 🥳 Cheer for DeepSeek, China's AI star!
- > Purpose-Built UI for DeepSeek Reasoner Model
+## 🥳 Cheer for NextChat iOS Version Online!
+ > [ 👉 Click Here Install Now](https://apps.apple.com/us/app/nextchat-ai/id6743085599)
+
+![Github iOS Image](https://github.com/user-attachments/assets/e0aa334f-4c13-4dc9-8310-e3b09fa4b9f3)
+
  
-<img src="https://github.com/user-attachments/assets/f3952210-3af1-4dc0-9b81-40eaa4847d9a"/>
-
-
-
 ## 🫣 NextChat Support MCP  ! 
 > Before build, please set env ENABLE_MCP=true
 

app/components/home.module.scss

@@ -52,10 +52,13 @@
   .sidebar-header-bar {
     display: flex;
     margin-bottom: 20px;
-    gap: 10px;
 
     .sidebar-bar-button {
       flex-grow: 1;
+
+      &:not(:last-child) {
+        margin-right: 10px;
+      }
     }
   }
 
@@ -249,6 +252,13 @@
 
   .sidebar-header-bar {
     flex-direction: column;
+
+    .sidebar-bar-button {
+      &:not(:last-child) {
+        margin-right: 0;
+        margin-bottom: 10px;
+      }
+    }
   }
 
   .chat-item {
@@ -298,10 +308,15 @@
   .sidebar-tail {
     flex-direction: column-reverse;
     align-items: center;
-    gap: 15px;
 
     .sidebar-actions {
-      display: contents;
+      flex-direction: column-reverse;
+      align-items: center;
+
+      .sidebar-action {
+        margin-right: 0;
+        margin-top: 15px;
+      }
     }
   }
 }
@@ -314,7 +329,10 @@
 
 .sidebar-actions {
   display: inline-flex;
-  gap: 15px;
+}
+
+.sidebar-action:not(:last-child) {
+  margin-right: 15px;
 }
 
 .loading-content {
@@ -328,9 +346,4 @@
 
 .rtl-screen {
   direction: rtl;
-
-  .sidebar-drag {
-    right: unset;
-    left: 0;
-  }
 }

app/components/sidebar.tsx

@@ -13,7 +13,7 @@ import McpIcon from "../icons/mcp.svg";
 import DragIcon from "../icons/drag.svg";
 import DiscoveryIcon from "../icons/discovery.svg";
 
-import Locale, { getLang } from "../locales";
+import Locale from "../locales";
 
 import { useAppConfig, useChatStore } from "../store";
 
@@ -91,11 +91,7 @@ export function useDragSideBar() {
         return;
       }
       lastUpdateTime.current = Date.now();
-      let d = e.clientX - startX.current;
-      // If text and other elements go from right to left
-      if (getLang() === "ar") {
-        d = -1 * d;
-      }
+      const d = e.clientX - startX.current;
       const nextWidth = limit(startDragWidth.current + d);
       config.update((config) => {
         if (nextWidth < MIN_SIDEBAR_WIDTH) {