JOJO/agent-Specialization
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style(chat): 折叠块外壳背景改透明，修复深色下边框观感

Browse Source 
--surface-card 在深色主题下比聊天区底色更黑，实色背景会放大
半透明 hairline 边框的亮度差；shell 与 stacked-more 统一改透明。
This commit is contained in:
JOJO 2026-07-29 12:36:15 +08:00
parent 04bd93646b
commit 7342a4e198
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/src/styles/components/chat/_chat-area.scss
View File

@ -1440,7 +1440,9 @@ body[data-theme='dark'] .collapsible-header:hover {
position: relative; position: relative;
border: 1px solid var(--border-default); border: 1px solid var(--border-default);
border-radius: 16px; border-radius: 16px;
background: var(--surface-card); /* 背景保持透明（沿用 token 清理前的实际视觉）：深色下 --surface-card 比聊天区底色更黑，
实色底会让半透明 hairline 边框的亮度差被放大，看起来像边框变浅 */
background: transparent;
box-shadow: none; box-shadow: none;
overflow: hidden; overflow: hidden;
min-height: 0; min-height: 0;
@ -1481,7 +1483,8 @@ body[data-theme='dark'] .collapsible-header:hover {
.stacked-more-block { .stacked-more-block {
position: absolute; position: absolute;
inset: 0 0 auto 0; inset: 0 0 auto 0;
background: var(--surface-card); /* 与 shell 一致保持透明，避免深色下顶部出现一条更黑的色带 */
background: transparent;
border-bottom: 0 solid var(--border-default); border-bottom: 0 solid var(--border-default);
display: flex; display: flex;
align-items: center; align-items: center;