From b003a374b83aa0c508e01453818b7d1e6766a550 Mon Sep 17 00:00:00 2001
From: Yorun <547747006@qq.com>
Date: Mon, 26 Jun 2023 04:16:06 +0000
Subject: [PATCH] fix: alignment of mobile settings page title.

---
 app/components/chat.module.scss   | 8 +++++++-
 app/components/chat.tsx           | 4 ++--
 app/components/ui-lib.module.scss | 4 ++--
 app/styles/window.scss            | 4 ----
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index 839e1ff5..c3e7c619 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -218,7 +218,7 @@
   overscroll-behavior: none;
 }
 
-.chat-body-title {
+.chat-body-main-title {
   cursor: pointer;
 
   &:hover {
@@ -226,6 +226,12 @@
   }
 }
 
+@media only screen and (max-width: 600px) {
+  .chat-body-title {
+    text-align: center;
+  }
+}
+
 .chat-message {
   display: flex;
   flex-direction: row;
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index b36b4763..ad38dd65 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -808,9 +808,9 @@ export function Chat() {
           </div>
         )}
 
-        <div className="window-header-title">
+        <div className={`window-header-title ${styles["chat-body-title"]}`}>
           <div
-            className={`window-header-main-title " ${styles["chat-body-title"]}`}
+            className={`window-header-main-title ${styles["chat-body-main-title"]}`}
             onClickCapture={renameSession}
           >
             {!session.topic ? DEFAULT_TOPIC : session.topic}
diff --git a/app/components/ui-lib.module.scss b/app/components/ui-lib.module.scss
index e0806d22..9a46b273 100644
--- a/app/components/ui-lib.module.scss
+++ b/app/components/ui-lib.module.scss
@@ -207,7 +207,7 @@
 .select-with-icon {
   position: relative;
   max-width: fit-content;
-  
+
   .select-with-icon-select {
     height: 100%;
     border: var(--border-in-light);
@@ -227,4 +227,4 @@
     transform: translateY(-50%);
     pointer-events: none;
   }
-}
\ No newline at end of file
+}
diff --git a/app/styles/window.scss b/app/styles/window.scss
index 2caae8fb..dcb642d1 100644
--- a/app/styles/window.scss
+++ b/app/styles/window.scss
@@ -25,10 +25,6 @@
   .window-header-sub-title {
     font-size: 14px;
   }
-
-  @media screen and (max-width: 600px) {
-    text-align: center;
-  }
 }
 
 .window-actions {