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

home

Browse Source
This commit is contained in:
Sky 2024-11-20 13:39:52 +00:00
parent 063d1ea309
commit 96abcd664a
1 changed files with 12 additions and 10 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(--white); background-color: var(--light-gray);
border: var(--border-in-light); border: 1px solid var(--medium-gray);
border-radius: 16px; border-radius: 12px;
box-shadow: var(--shadow); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
color: var(--black); color: var(--dark-gray);
min-width: 600px; min-width: 600px;
min-height: 370px; min-height: 370px;
max-width: 1200px; max-width: 1200px;
@ -37,7 +37,8 @@
width: var(--sidebar-width); width: var(--sidebar-width);
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
background-color: var(--second); background-color: var(--dark-blue);
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);
@ -58,10 +59,10 @@
&:hover, &:active { &:hover, &:active {
.sidebar-drag { .sidebar-drag {
background-color: rgba(0, 0, 0, 0.01); background-color: rgba(255, 255, 255, 0.05);
svg { svg {
opacity: 0.2; opacity: 0.3;
} }
} }
} }
@ -90,6 +91,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--light-gray);
} }
.mobile { .mobile {
@ -168,7 +170,7 @@
background-color: var(--white); background-color: var(--white);
border-radius: 10px; border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: var(--card-shadow); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
@ -177,7 +179,7 @@
content-visibility: auto; content-visibility: auto;
&:hover { &:hover {
background-color: var(--hover-color); background-color: var(--light-blue);
} }
&-selected { &-selected {