🎨 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.
This commit is contained in:
Apple\Apple
2025-06-04 21:39:04 +08:00
parent a04674c72f
commit 49fc6ab474

View File

@@ -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">