From 8538b3cdb4bf122d4d402fb5e65e7892ebef7d55 Mon Sep 17 00:00:00 2001
From: sion123 <450702724@qq.com>
Date: Tue, 2 Jun 2026 21:29:11 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E9=99=90=E5=88=B6=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=90=8D=E6=98=BE=E7=A4=BA=E5=AE=BD=E5=BA=A6=E5=B9=B6=E6=94=B9?=
 =?UTF-8?q?=E7=94=A8=20color-mix=20=E5=AE=9E=E7=8E=B0=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 MaterialUploadModal 中的文件名元素设置 `min-width: 0` 和 `max-width`，确保溢出文本正确显示省略号
- 将 Progress 组件的背景色从 Tailwind `bg-primary/20` 改为 CSS `color-mix`，避免透明度叠加异常
---
 .../src/components/material/MaterialUploadModal.vue    |  6 ++++++
 .../web-gold/src/components/ui/progress/Progress.vue   | 10 +++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/app/web-gold/src/components/material/MaterialUploadModal.vue b/frontend/app/web-gold/src/components/material/MaterialUploadModal.vue
index e8b8ea4d64..16f623a18b 100644
--- a/frontend/app/web-gold/src/components/material/MaterialUploadModal.vue
+++ b/frontend/app/web-gold/src/components/material/MaterialUploadModal.vue
@@ -507,6 +507,8 @@ const handleCancel = () => {
 
 .file-name {
   flex: 1;
+  min-width: 0;
+  max-width: 240px;
   font-size: 14px;
   color: var(--color-text);
   overflow: hidden;
@@ -591,6 +593,8 @@ const handleCancel = () => {
 }
 
 .current-file-name span {
+  min-width: 0;
+  max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -629,6 +633,8 @@ const handleCancel = () => {
 }
 
 .completed-item span {
+  min-width: 0;
+  max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/frontend/app/web-gold/src/components/ui/progress/Progress.vue b/frontend/app/web-gold/src/components/ui/progress/Progress.vue
index 5532af7a80..178a4903ff 100644
--- a/frontend/app/web-gold/src/components/ui/progress/Progress.vue
+++ b/frontend/app/web-gold/src/components/ui/progress/Progress.vue
@@ -24,15 +24,19 @@ const delegatedProps = reactiveOmit(props, "class")
     v-bind="delegatedProps"
     :class="
       cn(
-        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
+        'relative h-2 w-full overflow-hidden rounded-full',
         props.class,
       )
     "
+    :style="{ backgroundColor: 'color-mix(in srgb, var(--primary) 20%, transparent)' }"
   >
     <ProgressIndicator
       data-slot="progress-indicator"
-      class="bg-primary h-full w-full flex-1 transition-all"
-      :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+      class="h-full w-full flex-1 transition-all"
+      :style="{
+        backgroundColor: 'var(--primary)',
+        transform: `translateX(-${100 - (props.modelValue ?? 0)}%)`,
+      }"
     />
   </ProgressRoot>
 </template>