xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-09-27 21:56: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 {
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 {
position: absolute;
height: 100%;
@ -533,6 +540,7 @@
.chat-message-action-date {
font-size: 12px;
opacity: 0.2;
margin-top: 4px;
white-space: nowrap;
transition: all ease 0.6s;
color: var(--black);

4
app/components/chat.tsx
View File

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

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

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

7
app/styles/window.scss
View File

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