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

🎨 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 9 месяцев назад
Родитель
Сommit
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">