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

2025-10-01 23:56:39 +08:00 · 2024-09-24 16:34:19 +08:00 · 2024-09-24 16:34:19 +08:00 · ba0651d8d2
commit ba0651d8d2
parent 72e6cd7f03
1 changed files with 15 additions and 2 deletions
--- 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>
  );