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

revert home

Browse Source
This commit is contained in:
Sky 2024-11-20 13:43:07 +00:00
parent 96abcd664a
commit a4742ca542
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,9 @@
@mixin container { @mixin container {
background-color: var(--light-gray); background-color: var(--white);
border: 1px solid var(--medium-gray); border: var(--border-in-light);
border-radius: 12px; border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: var(--shadow);
color: var(--dark-gray); color: var(--black);
min-width: 600px; min-width: 600px;
min-height: 370px; min-height: 370px;
max-width: 1200px; max-width: 1200px;
@ -37,8 +37,7 @@
width: var(--sidebar-width); width: var(--sidebar-width);
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
background-color: var(--dark-blue); background-color: var(--second);
color: var(--white);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-shadow: inset -2px 0px 2px rgba(0, 0, 0, 0.05); box-shadow: inset -2px 0px 2px rgba(0, 0, 0, 0.05);
@ -59,10 +58,10 @@
&:hover, &:active { &:hover, &:active {
.sidebar-drag { .sidebar-drag {
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(0, 0, 0, 0.01);
svg { svg {
opacity: 0.3; opacity: 0.2;
} }
} }
} }
@ -91,7 +90,6 @@
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--light-gray);
} }
.mobile { .mobile {
@ -170,7 +168,7 @@
background-color: var(--white); background-color: var(--white);
border-radius: 10px; border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 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;
@ -179,7 +177,7 @@
content-visibility: auto; content-visibility: auto;
&:hover { &:hover {
background-color: var(--light-blue); background-color: var(--hover-color);
} }
&-selected { &-selected {