🎨 style: 调整样式，适配小屏幕

frostime · Sep 24, 2024 · ba0651d · ba0651d
1 parent 72e6cd7
commit ba0651d
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -788,10 +788,23 @@ export function ChatActions(props: {
           alignItems: "top",
           flex: 1,
           fontSize: "0.7rem",
+          justifyContent: "flex-end",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
         }}
       >
-        <div style={{ flex: 1 }}></div>
-        <span style={{ opacity: 0.8 }}>{currentModelName}</span>
+        <span
+          style={{
+            opacity: 0.8,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            minWidth: 0,
+            maxWidth: "175px",
+          }}
+        >
+          {currentModelName}
+        </span>
       </div>
     </div>
   );