From 49fc6ab4741c34ca2a8dc180b997fa6959bfd11c Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Wed, 4 Jun 2025 21:39:04 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20update=20ModelPricing?=
 =?UTF-8?q?=20card=20with=20IconLayers=20and=20larger=20icon=20size?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 web/src/components/table/ModelPricing.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/table/ModelPricing.js b/web/src/components/table/ModelPricing.js
index 66e7c1af..ef7d0176 100644
--- a/web/src/components/table/ModelPricing.js
+++ b/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">