xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-09-28 06:06:38 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

More styling changes

Browse Source
This commit is contained in:
DominicJamesWhite 2025-04-10 09:34:54 +02:00
parent 97721eed4a
commit f3b622a445
4 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/chat.module.scss
View File

@ -386,6 +386,13 @@
.chat-message-avatar { .chat-message-avatar {
position: relative; position: relative;
.user-avatar-text {
font-size: 0.8em; // Make text smaller
opacity: 0.7; // Reduce contrast
padding: 0 5px; // Add some padding for spacing if needed
display: inline-block; // Ensure it behaves like text
}
.chat-message-edit { .chat-message-edit {
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -533,6 +540,7 @@
.chat-message-action-date { .chat-message-action-date {
font-size: 12px; font-size: 12px;
opacity: 0.2; opacity: 0.2;
margin-top: 4px;
white-space: nowrap; white-space: nowrap;
transition: all ease 0.6s; transition: all ease 0.6s;
color: var(--black); color: var(--black);

4
app/components/chat.tsx
View File

@ -1476,7 +1476,9 @@ function _Chat() {
<div className={styles["chat-message-avatar"]}> <div className={styles["chat-message-avatar"]}>
{/* Edit button removed for simplicity */} {/* Edit button removed for simplicity */}
{isUser ? ( {isUser ? (
<Avatar avatar={config.avatar} /> <span className={styles["user-avatar-text"]}>
You
</span>
) : ( ) : (
<> <>
{["system"].includes(message.role) ? ( {["system"].includes(message.role) ? (

5
app/components/home.module.scss
View File

@ -161,6 +161,8 @@
} }
.sidebar-sub-title { .sidebar-sub-title {
opacity: 0.7;
margin-top: 8px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
animation: slide-in ease 0.3s; animation: slide-in ease 0.3s;
@ -196,7 +198,6 @@
.chat-item-title { .chat-item-title {
font-size: 14px; font-size: 14px;
font-weight: bolder;
display: block; display: block;
width: calc(100% - 15px); width: calc(100% - 15px);
overflow: hidden; overflow: hidden;
@ -216,7 +217,7 @@
.chat-item:hover > .chat-item-delete { .chat-item:hover > .chat-item-delete {
opacity: 0.5; opacity: 0.5;
transform: translateX(-4px); transform: translate(-6px, 6px);
} }
.chat-item:hover > .chat-item-delete:hover { .chat-item:hover > .chat-item-delete:hover {

7
app/styles/window.scss
View File

@ -1,5 +1,5 @@
.window-header { .window-header {
padding: 14px 20px; padding: 20px 20px;
border-bottom: rgba(0, 0, 0, 0.1) 1px solid; border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
position: relative; position: relative;
@ -13,8 +13,7 @@
overflow: hidden; overflow: hidden;
.window-header-main-title { .window-header-main-title {
font-size: 20px; font-size: 16px;
font-weight: bolder;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -24,6 +23,8 @@
.window-header-sub-title { .window-header-sub-title {
font-size: 14px; font-size: 14px;
margin-top: 8px;
opacity: 0.7;
} }
} }