fix: alignment of mobile settings page title.

This commit is contained in:
Yorun 2023-06-26 04:16:06 +00:00
parent 5f7c262759
commit b003a374b8
4 changed files with 11 additions and 9 deletions

View File

@ -218,7 +218,7 @@
overscroll-behavior: none; overscroll-behavior: none;
} }
.chat-body-title { .chat-body-main-title {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@ -226,6 +226,12 @@
} }
} }
@media only screen and (max-width: 600px) {
.chat-body-title {
text-align: center;
}
}
.chat-message { .chat-message {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

View File

@ -808,9 +808,9 @@ export function Chat() {
</div> </div>
)} )}
<div className="window-header-title"> <div className={`window-header-title ${styles["chat-body-title"]}`}>
<div <div
className={`window-header-main-title " ${styles["chat-body-title"]}`} className={`window-header-main-title ${styles["chat-body-main-title"]}`}
onClickCapture={renameSession} onClickCapture={renameSession}
> >
{!session.topic ? DEFAULT_TOPIC : session.topic} {!session.topic ? DEFAULT_TOPIC : session.topic}

View File

@ -25,10 +25,6 @@
.window-header-sub-title { .window-header-sub-title {
font-size: 14px; font-size: 14px;
} }
@media screen and (max-width: 600px) {
text-align: center;
}
} }
.window-actions { .window-actions {