mirror of
https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git
synced 2025-10-09 19:46:37 +08:00
美化优化0407
This commit is contained in:
Thek28 tk
parent
4d675c11e8
commit
bf5a8b7582
@ -1,6 +1,6 @@
|
||||
.icon-button {
|
||||
background-color: var(--white);
|
||||
border-radius: 10px;
|
||||
background-color: #0c040430;
|
||||
border-radius: 200px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@ -57,7 +57,7 @@
|
||||
}
|
||||
|
||||
.memory-prompt {
|
||||
margin-top: 20px;
|
||||
margin-top: 10px;
|
||||
|
||||
.memory-prompt-title {
|
||||
font-size: 12px;
|
||||
|
||||
@ -588,7 +588,10 @@ export function Chat(props: {
|
||||
>
|
||||
<div className={styles["chat-message-container"]}>
|
||||
<div className={styles["chat-message-avatar"]}>
|
||||
<Avatar role={message.role} />
|
||||
<img
|
||||
src="https://vip.chargpt.cn/_astro/assistant-avatar.55eb2217.gif"
|
||||
height="50px"
|
||||
></img>
|
||||
</div>
|
||||
{(message.preview || message.streaming) && (
|
||||
<div className={styles["chat-message-status"]}>
|
||||
|
||||
@ -3,12 +3,13 @@
|
||||
|
||||
@mixin container {
|
||||
background-color: var(--white);
|
||||
border: var(--border-in-light);
|
||||
border: rgb(63 206 146);
|
||||
border-radius: 20px;
|
||||
box-shadow: var(--shadow);
|
||||
color: var(--black);
|
||||
background-color: var(--white);
|
||||
min-width: 600px;
|
||||
//min-width: 600px;
|
||||
min-width: 95%;
|
||||
min-height: 480px;
|
||||
max-width: 900px;
|
||||
|
||||
@ -44,7 +45,7 @@
|
||||
width: var(--sidebar-width);
|
||||
box-sizing: border-box;
|
||||
padding: 20px;
|
||||
background-color: var(--second);
|
||||
background-color: rgb(230, 96, 152);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05);
|
||||
@ -121,7 +122,7 @@
|
||||
|
||||
.chat-item {
|
||||
padding: 10px 14px;
|
||||
background-color: var(--white);
|
||||
background-color: #0808084f;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px;
|
||||
box-shadow: var(--card-shadow);
|
||||
@ -134,11 +135,11 @@
|
||||
}
|
||||
|
||||
.chat-item:hover {
|
||||
background-color: var(--hover-color);
|
||||
background-color: #ba2de2;
|
||||
}
|
||||
|
||||
.chat-item-selected {
|
||||
border-color: var(--primary);
|
||||
border-color: rgba(234, 236, 236, 0);
|
||||
}
|
||||
|
||||
.chat-item-title {
|
||||
@ -171,7 +172,7 @@
|
||||
.chat-item-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: rgb(166, 166, 166);
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
@ -254,7 +255,7 @@
|
||||
|
||||
.chat-message-status {
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
color: #aaaaaa;
|
||||
line-height: 1.5;
|
||||
margin-top: 5px;
|
||||
}
|
||||
@ -275,12 +276,12 @@
|
||||
max-width: 100%;
|
||||
margin-top: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
background-color: rgb(230, 96, 152);
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
user-select: text;
|
||||
word-break: break-word;
|
||||
border: var(--border-in-light);
|
||||
border: rgb(63 206 146);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -314,7 +315,7 @@
|
||||
}
|
||||
|
||||
.chat-message-user > .chat-message-container > .chat-message-item {
|
||||
background-color: var(--second);
|
||||
background-color: rgba(63, 206, 146);
|
||||
}
|
||||
|
||||
.chat-message-actions {
|
||||
@ -327,7 +328,7 @@
|
||||
}
|
||||
|
||||
.chat-message-action-date {
|
||||
color: #aaa;
|
||||
color: #b218cb;
|
||||
}
|
||||
|
||||
.chat-input-panel {
|
||||
|
||||
@ -119,12 +119,15 @@ function _Home() {
|
||||
className={styles.sidebar + ` ${showSideBar && styles["sidebar-show"]}`}
|
||||
>
|
||||
<div className={styles["sidebar-header"]}>
|
||||
<div className={styles["sidebar-title"]}>ChatGPT Next</div>
|
||||
<div className={styles["sidebar-sub-title"]}>
|
||||
Build your own AI assistant.
|
||||
</div>
|
||||
<div className={styles["sidebar-title"]}>小贴心❤</div>
|
||||
<div className={styles["sidebar-sub-title"]}>终牵绊,憔思花容颜.</div>
|
||||
<div className={styles["sidebar-logo"]}>
|
||||
<ChatGptIcon />
|
||||
<img
|
||||
src="https://vip.chargpt.cn/_astro/logo2.af566f9d.gif"
|
||||
alt="图片描述"
|
||||
width="90"
|
||||
height="70"
|
||||
></img>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
.window-header {
|
||||
padding: 14px 20px;
|
||||
border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
|
||||
border-bottom: rgba(202, 10, 10, 0.1) 1px solid;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color:#0bc398;
|
||||
}
|
||||
|
||||
.window-header-title {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
export const OWNER = "Yidadaa";
|
||||
export const REPO = "ChatGPT-Next-Web";
|
||||
export const OWNER = "zhangjiajun0523";
|
||||
export const REPO = "ChatGPT-Next-Web-1";
|
||||
export const REPO_URL = `https://github.com/${OWNER}/${REPO}`;
|
||||
export const ISSUE_URL = `https://github.com/${OWNER}/${REPO}/issues`;
|
||||
export const UPDATE_URL = `${REPO_URL}#keep-updated`;
|
||||
|
||||
@ -17,13 +17,13 @@ try {
|
||||
}
|
||||
|
||||
export const metadata = {
|
||||
title: "ChatGPT Next Web",
|
||||
title: "小贴心❥",
|
||||
description: "Your personal ChatGPT Chat Bot.",
|
||||
appleWebApp: {
|
||||
title: "ChatGPT Next Web",
|
||||
title: "小贴心❥",
|
||||
statusBarStyle: "default",
|
||||
},
|
||||
themeColor: "#fafafa",
|
||||
themeColor: "#pink",
|
||||
};
|
||||
|
||||
function Meta() {
|
||||
|
||||
@ -9,7 +9,7 @@ const cn = {
|
||||
ChatItemCount: (count: number) => `${count} 条对话`,
|
||||
},
|
||||
Chat: {
|
||||
SubTitle: (count: number) => `与 ChatGPT 的 ${count} 条对话`,
|
||||
SubTitle: (count: number) => `与 小贴心♡ 的 ${count} 条对话`,
|
||||
Actions: {
|
||||
ChatList: "查看消息列表",
|
||||
CompressedHistory: "查看压缩后的历史 Prompt",
|
||||
@ -138,12 +138,12 @@ const cn = {
|
||||
},
|
||||
},
|
||||
Store: {
|
||||
DefaultTopic: "新的聊天",
|
||||
BotHello: "有什么可以帮你的吗",
|
||||
DefaultTopic: "新的聊天窗口",
|
||||
BotHello: "你好呀，有什么想向我提问的吗？",
|
||||
Error: "出错了，稍后重试吧",
|
||||
Prompt: {
|
||||
History: (content: string) =>
|
||||
"这是 ai 和用户的历史聊天总结作为前情提要：" + content,
|
||||
"这是 小贴心❥ 和用户的历史聊天总结作为前情提要：" + content,
|
||||
Topic:
|
||||
"使用四到五个字直接返回这句话的简要主题，不要解释、不要标点、不要语气词、不要多余文本，如果没有主题，请直接返回“闲聊”",
|
||||
Summarize:
|
||||
|
||||
@ -90,8 +90,7 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
font-family: "Noto Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons",
|
||||
"PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
||||
font-family: "微软雅黑","Arial", sans-serif;
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
background-color: var(--second);
|
||||
@ -283,7 +282,7 @@ pre {
|
||||
cursor: pointer;
|
||||
|
||||
div:not(.no-dark) > svg {
|
||||
filter: invert(0.5);
|
||||
filter: var(--black);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
@ -493,6 +493,7 @@
|
||||
|
||||
.markdown-body > *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.markdown-body a:not([href]) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user