7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-08-08 19:52:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: align chat page title center on mobile screen

Browse Source
This commit is contained in:
Yidadaa
2023-06-26 01:27:36 +08:00
parent 7893693706
commit 82ec4474c2
5 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
app/components/chat.tsx
View File

@@ -795,6 +795,19 @@ export function Chat() {
return (
<div className={styles.chat} key={session.id}>
<div className="window-header" data-tauri-drag-region>
{isMobileScreen && (
<div className="window-actions">
<div className={"window-action-button"}>
<IconButton
icon={<ReturnIcon />}
bordered
title={Locale.Chat.Actions.ChatList}
onClick={() => navigate(Path.Home)}
/>
</div>
</div>
)}
<div className="window-header-title">
<div
className={`window-header-main-title " ${styles["chat-body-title"]}`}
@@ -807,21 +820,15 @@ export function Chat() {
</div>
</div>
<div className="window-actions">
<div className={"window-action-button" + " " + styles.mobile}>
<IconButton
icon={<ReturnIcon />}
bordered
title={Locale.Chat.Actions.ChatList}
onClick={() => navigate(Path.Home)}
/>
</div>
<div className="window-action-button">
<IconButton
icon={<RenameIcon />}
bordered
onClick={renameSession}
/>
</div>
{!isMobileScreen && (
<div className="window-action-button">
<IconButton
icon={<RenameIcon />}
bordered
onClick={renameSession}
/>
</div>
)}
<div className="window-action-button">
<IconButton
icon={<ExportIcon />}