singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

Merge pull request #2143 from yorunning/fix2

Browse Source 
fix: alignment of mobile settings page title.
This commit is contained in:
Yifei Zhang 2023-06-26 13:27:00 +08:00 committed by GitHub
commit 25a3bb351d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/chat.module.scss
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;

4
app/components/chat.tsx
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}

4
app/components/ui-lib.module.scss
View File

@ -207,7 +207,7 @@
.select-with-icon { .select-with-icon {
position: relative; position: relative;
max-width: fit-content; max-width: fit-content;
.select-with-icon-select { .select-with-icon-select {
height: 100%; height: 100%;
border: var(--border-in-light); border: var(--border-in-light);
@ -227,4 +227,4 @@
transform: translateY(-50%); transform: translateY(-50%);
pointer-events: none; pointer-events: none;
} }
} }

4
app/styles/window.scss
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 {