Просмотр исходного кода

💄 style(supply-chain-modal): 优化标题文本视觉效果

- 将标题文本颜色从纯白色改为从白色到浅蓝色的渐变效果
- 使用bg-gradient-to-b、from-white、to-sky-400和bg-clip-text实现渐变文字效果
yourname 2 месяцев назад
Родитель
Сommit
20a780198d
1 измененных файлов с 1 добавлено и 1 удалено
  1. 1 1
      src/client/home/pages/SupplyChainDashboards/components/SupplyChainModal.tsx

+ 1 - 1
src/client/home/pages/SupplyChainDashboards/components/SupplyChainModal.tsx

@@ -129,7 +129,7 @@ const SupplyChainModal: React.FC<SupplyChainModalProps> = ({
 
 
           {/* 标题文本 */}
           {/* 标题文本 */}
           <div data-layer="text" data-位置="居中对齐" data-字号="30px" data-字重="特粗" className="py-1 flex justify-center items-center gap-2.5">
           <div data-layer="text" data-位置="居中对齐" data-字号="30px" data-字重="特粗" className="py-1 flex justify-center items-center gap-2.5">
-            <div className="text-center justify-center text-white text-4xl font-bold font-['HarmonyOS_Sans_SC'] leading-8 tracking-[8px]">
+            <div className="text-center justify-center text-4xl font-bold font-['HarmonyOS_Sans_SC'] leading-8 tracking-[8px] bg-gradient-to-b from-white to-sky-400 bg-clip-text text-transparent">
               {title}
               {title}
             </div>
             </div>
           </div>
           </div>