From f9d194f1000ef039b473c37da8b20c28bf548f07 Mon Sep 17 00:00:00 2001 From: JOJO <1498581755@qq.com> Date: Thu, 11 Jun 2026 00:24:56 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E5=9D=97=E6=A8=A1=E5=BC=8F=E5=B1=95?= =?UTF-8?q?=E5=BC=80=E7=AE=AD=E5=A4=B4=E6=94=B9=E7=94=A8SVG=20mask?= =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E5=81=8F=E4=BD=8D=E5=92=8C=E9=9D=9E?= =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=97=8B=E8=BD=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/styles/components/chat/_chat-area.scss | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/static/src/styles/components/chat/_chat-area.scss b/static/src/styles/components/chat/_chat-area.scss index f36fad8..1b128ed 100644 --- a/static/src/styles/components/chat/_chat-area.scss +++ b/static/src/styles/components/chat/_chat-area.scss @@ -701,17 +701,23 @@ body[data-theme='dark'] .collapsible-header:hover { width: 16px; min-width: 16px; height: 16px; - display: flex; - align-items: center; - justify-content: center; flex: 0 0 16px; + background-color: currentColor; + mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.5 10L19 16L13.5 22' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.5 10L19 16L13.5 22' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + mask-size: contain; + -webkit-mask-size: contain; + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-position: center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: var(--claude-text-secondary); } +/* 移除旧的 ::before 箭头 */ .arrow::before { - content: '›'; - font-size: 18px; + content: none; } .collapsible-block.expanded .arrow {