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

美化样式0411-1

Browse Source
This commit is contained in:
Thek28 tk 2023-04-11 04:51:03 +00:00
parent 1674df2dcf
commit 24bd5511c2
2 changed files with 91 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,6 +51,24 @@
box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05); box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05);
position: relative; position: relative;
transition: width ease 0.1s; transition: width ease 0.1s;
//下面新加的
background-image: var(--accent-gradient);
//-webkit-background-clip: text;
//-webkit-text-fill-color: #e50d0d00;
background-size: 113%;
background-position: 0%;
--accent-gradient: var(--theme-purple);
--accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% );
//border-radius: 10px;
margin-bottom: 10px;
box-shadow: var(--card-shadow);
transition: background-color 0.3s ease;
//cursor: pointer;
user-select: none;
//border: 1px solid transparent;
position: relative;
overflow: hidden;
} }
.sidebar-drag { .sidebar-drag {
@ -126,6 +144,23 @@
.sidebar-title { .sidebar-title {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
//下面新加的
background-image: var(--accent-gradient);
--webkit-background-clip: text;
//--webkit-text-fill-color: #e50d0d00;
//background-size: 113%;
//background-position: 0%;
--accent-gradient: var(--theme-purple);
--accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% );
border-radius: 10px;
margin-bottom: 10px;
box-shadow: var(--card-shadow);
//transition: background-color 0.3s ease;
//cursor: pointer;
//user-select: none;
//border: 1px solid transparent;
position: relative;
overflow: hidden;
} }
.sidebar-sub-title { .sidebar-sub-title {
@ -143,14 +178,31 @@
.chat-item { .chat-item {
padding: 10px 14px; padding: 10px 14px;
background-color: #0808084f; //background-color: #0808084f;
border-radius: 10px; border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: var(--card-shadow); box-shadow: var(--card-shadow);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
border: 2px solid transparent; //border: 2px solid transparent;
position: relative;
overflow: hidden;
//下面新加的
background-image: var(--accent-gradient);
//-webkit-background-clip: text;
//-webkit-text-fill-color: #e50d0d00;
background-size: 113%;
background-position: 0%;
--accent-gradient: var(--theme-purple);
--accent-gradient: linear-gradient( 45deg, rgba(124, 58, 237, .8), rgba(218, 98, 196, .8) 40%, rgb(44, 223, 217) 97% );
//border-radius: 10px;
margin-bottom: 10px;
box-shadow: var(--card-shadow);
transition: background-color 0.3s ease;
//cursor: pointer;
//user-select: none;
//border: 1px solid transparent;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@ -299,13 +351,30 @@
max-width: 100%; max-width: 100%;
margin-top: 10px; margin-top: 10px;
border-radius: 10px; border-radius: 10px;
background-color: rgb(230, 96, 152); //background-color: rgb(230, 96, 152);
padding: 10px; padding: 10px;
font-size: 14px; font-size: 14px;
user-select: text; user-select: text;
word-break: break-word; word-break: break-word;
border: rgb(63 206 146); border: rgb(63 206 146);
position: relative; position: relative;
//下面新加的
background-image: var(--accent-gradient);
//-webkit-background-clip: text;
//-webkit-text-fill-color: #e50d0d00;
background-size: 113%;
background-position: 0%;
--accent-gradient: var(--theme-purple);
--accent-gradient: linear-gradient( 45deg, rgba(34, 226, 50, 0.8), rgba(215, 228, 65, 0.8) 30%, rgb(238, 168, 237) 60% );
//border-radius: 10px;
margin-bottom: 10px;
box-shadow: var(--card-shadow);
transition: background-color 0.3s ease;
//cursor: pointer;
user-select: none;
//border: 1px solid transparent;
position: relative;
overflow: hidden;
} }
.chat-message-top-actions { .chat-message-top-actions {

19
app/components/window.scss
View File

@ -6,7 +6,24 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color:#0bc398; //background-color:#0bc398;
//下面新加的
background-image: var(--accent-gradient);
//-webkit-background-clip: text;
//-webkit-text-fill-color: #e50d0d00;
background-size: 113%;
background-position: 0%;
--accent-gradient: var(--theme-purple);
--accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% );
//border-radius: 10px;
margin-bottom: 10px;
box-shadow: var(--card-shadow);
transition: background-color 0.3s ease;
//cursor: pointer;
user-select: none;
//border: 1px solid transparent;
position: relative;
overflow: hidden;
} }
.window-header-title { .window-header-title {