浏览代码

🎨 style: update ModelPricing card with IconLayers and larger icon size

Replace the main card icon in ModelPricing component with IconLayers to better represent the model catalog functionality. Increase icon size from 'large' to 'extra-large' for improved visibility and visual hierarchy.

This change enhances the user interface by using more appropriate iconography and giving the primary navigation elements greater emphasis.
Apple\Apple 10 月之前
父节点
当前提交
49fc6ab474
共有 1 个文件被更改,包括 2 次插入2 次删除
  1. 2 2
      web/src/components/table/ModelPricing.js

+ 2 - 2
web/src/components/table/ModelPricing.js

@@ -24,7 +24,7 @@ import {
   IconSearch,
   IconCopy,
   IconInfoCircle,
-  IconCrown,
+  IconLayers,
 } from '@douyinfe/semi-icons';
 import { UserContext } from '../../context/User/index.js';
 import { AlertCircle } from 'lucide-react';
@@ -534,7 +534,7 @@ const ModelPricing = () => {
                     <div className="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 lg:gap-6">
                       <div className="flex items-start">
                         <div className="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-white/10 flex items-center justify-center mr-3 sm:mr-4">
-                          <IconCrown size="large" className="text-white" />
+                          <IconLayers size="extra-large" className="text-white" />
                         </div>
                         <div className="flex-1 min-w-0">
                           <div className="text-base sm:text-lg font-semibold mb-1 sm:mb-2">