diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss index 54f1dae5..839e1ff5 100644 --- a/app/components/chat.module.scss +++ b/app/components/chat.module.scss @@ -3,7 +3,6 @@ .chat-input-actions { display: flex; flex-wrap: wrap; - margin-bottom: 10px; .chat-input-action { display: inline-flex; @@ -328,6 +327,12 @@ flex-direction: column; border-top: var(--border-in-light); box-shadow: var(--card-shadow); + + .chat-input-actions { + .chat-input-action { + margin-bottom: 10px; + } + } } @mixin single-line { @@ -400,6 +405,8 @@ padding: 10px 90px 10px 14px; resize: none; outline: none; + box-sizing: border-box; + min-height: 68px; } .chat-input:focus { diff --git a/app/components/chat.tsx b/app/components/chat.tsx index 279addf6..b2ccdbab 100644 --- a/app/components/chat.tsx +++ b/app/components/chat.tsx @@ -795,6 +795,19 @@ export function Chat() { return (
+ {isMobileScreen && ( +
+
+ } + bordered + title={Locale.Chat.Actions.ChatList} + onClick={() => navigate(Path.Home)} + /> +
+
+ )} +
-
- } - bordered - title={Locale.Chat.Actions.ChatList} - onClick={() => navigate(Path.Home)} - /> -
-
- } - bordered - onClick={renameSession} - /> -
+ {!isMobileScreen && ( +
+ } + bordered + onClick={renameSession} + /> +
+ )}
} diff --git a/app/locales/cn.ts b/app/locales/cn.ts index b8161d44..ae22efa9 100644 --- a/app/locales/cn.ts +++ b/app/locales/cn.ts @@ -17,7 +17,7 @@ const cn = { ChatItemCount: (count: number) => `${count} 条对话`, }, Chat: { - SubTitle: (count: number) => `与 ChatGPT 的 ${count} 条对话`, + SubTitle: (count: number) => `共 ${count} 条对话`, Actions: { ChatList: "查看消息列表", CompressedHistory: "查看压缩后的历史 Prompt", diff --git a/app/locales/en.ts b/app/locales/en.ts index e0ccd1f7..5261e7ed 100644 --- a/app/locales/en.ts +++ b/app/locales/en.ts @@ -18,7 +18,7 @@ const en: LocaleType = { ChatItemCount: (count: number) => `${count} messages`, }, Chat: { - SubTitle: (count: number) => `${count} messages with ChatGPT`, + SubTitle: (count: number) => `${count} messages`, Actions: { ChatList: "Go To Chat List", CompressedHistory: "Compressed History Memory Prompt", diff --git a/app/styles/window.scss b/app/styles/window.scss index a92aed4e..6d0a19f0 100644 --- a/app/styles/window.scss +++ b/app/styles/window.scss @@ -26,12 +26,16 @@ font-size: 14px; margin-top: 5px; } + + @media screen and (max-width: 600px) { + text-align: center; + } } .window-actions { display: inline-flex; } -.window-action-button { +.window-action-button:not(:first-child) { margin-left: 10px; }