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-3

Browse Source
This commit is contained in:
Thek28 tk 2023-04-11 09:24:46 +00:00
parent e3c7944049
commit e88cd4cfa7
1 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -58,7 +58,7 @@
background-size: 113%; background-size: 113%;
background-position: 0%; background-position: 0%;
--accent-gradient: var(--theme-purple); --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% ); --accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(221, 190, 221) 60% );
//border-radius: 10px; //border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: var(--card-shadow); box-shadow: var(--card-shadow);
@ -143,29 +143,24 @@
.sidebar-title { .sidebar-title {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
//下面新加的 background-image: var(--accent-gradient);
background-image: var(--accent-gradient); -webkit-background-clip: text;
--webkit-background-clip: text; -webkit-text-fill-color: rgba(229, 13, 13, 0);
//--webkit-text-fill-color: #e50d0d00; background-size: 113%;
//background-size: 113%; background-position: 0%;
//background-position: 0%; --accent-gradient: var(--theme-purple);
--accent-gradient: var(--theme-purple); --accent-gradient: linear-gradient( 45deg, rgba(124, 58, 237, .8), rgba(218, 98, 196, .8) 30%, white 60% );
--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 {
font-size: 12px; font-size: 12px;
font-weight: 400px; background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(229, 13, 13, 0);
background-size: 113%;
background-position: 0%;
--accent-gradient: linear-gradient( 45deg, rgba(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 60% );
} }
.sidebar-body { .sidebar-body {
@ -195,7 +190,7 @@
background-size: 113%; background-size: 113%;
background-position: 0%; background-position: 0%;
--accent-gradient: var(--theme-purple); --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% ); --accent-gradient: linear-gradient( 45deg, rgba(124, 58, 237, .8), rgba(218, 98, 196, .8) 30%, rgb(238, 168, 237) 60% );
//border-radius: 10px; //border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: var(--card-shadow); box-shadow: var(--card-shadow);