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

style: sidebar_scrollbar & input-panel

Browse Source
This commit is contained in:
PluginsKers 2023-04-22 14:23:09 +08:00
parent 8d0a420cc8
commit 316ee04e71
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -138,10 +138,12 @@
.sidebar-body { .sidebar-body {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
padding-right: 18px;
margin-right: -20px;
margin-left: -2px;
} }
.chat-list { .chat-list {}
}
.chat-item { .chat-item {
padding: 10px 14px; padding: 10px 14px;
@ -185,12 +187,12 @@
cursor: pointer; cursor: pointer;
} }
.chat-item:hover > .chat-item-delete { .chat-item:hover>.chat-item-delete {
opacity: 0.5; opacity: 0.5;
right: 10px; right: 10px;
} }
.chat-item:hover > .chat-item-delete:hover { .chat-item:hover>.chat-item-delete:hover {
opacity: 1; opacity: 1;
} }
@ -211,10 +213,12 @@
} }
.narrow-sidebar { .narrow-sidebar {
.sidebar-title, .sidebar-title,
.sidebar-sub-title { .sidebar-sub-title {
display: none; display: none;
} }
.sidebar-logo { .sidebar-logo {
position: relative; position: relative;
display: flex; display: flex;
@ -252,7 +256,7 @@
top: 15px; top: 15px;
} }
.chat-item:hover > .chat-item-delete { .chat-item:hover>.chat-item-delete {
opacity: 0.5; opacity: 0.5;
right: 5px; right: 5px;
} }
@ -339,7 +343,7 @@
} }
} }
.chat-message-user > .chat-message-container { .chat-message-user>.chat-message-container {
align-items: flex-end; align-items: flex-end;
} }
@ -408,7 +412,7 @@
} }
} }
.chat-message-user > .chat-message-container > .chat-message-item { .chat-message-user>.chat-message-container>.chat-message-item {
background-color: var(--second); background-color: var(--second);
} }
@ -436,6 +440,7 @@
border-top-right-radius: 10px; border-top-right-radius: 10px;
border-top: var(--border-in-light); border-top: var(--border-in-light);
box-shadow: var(--card-shadow); box-shadow: var(--card-shadow);
border-radius: inherit;
} }
@mixin single-line { @mixin single-line {
@ -478,6 +483,7 @@
@include single-line(); @include single-line();
} }
.hint-content { .hint-content {
font-size: 12px; font-size: 12px;
@ -545,4 +551,4 @@
align-items: center; align-items: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }