Commit 9b3c48c7 by Apple\Apple

馃帹 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.
parent 085bb658
...@@ -24,7 +24,7 @@ import { ...@@ -24,7 +24,7 @@ import {
IconSearch, IconSearch,
IconCopy, IconCopy,
IconInfoCircle, IconInfoCircle,
IconCrown, IconLayers,
} from '@douyinfe/semi-icons'; } from '@douyinfe/semi-icons';
import { UserContext } from '../../context/User/index.js'; import { UserContext } from '../../context/User/index.js';
import { AlertCircle } from 'lucide-react'; import { AlertCircle } from 'lucide-react';
...@@ -534,7 +534,7 @@ const ModelPricing = () => { ...@@ -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 flex-col lg:flex-row lg:items-start lg:justify-between gap-4 lg:gap-6">
<div className="flex items-start"> <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"> <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>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<div className="text-base sm:text-lg font-semibold mb-1 sm:mb-2"> <div className="text-base sm:text-lg font-semibold mb-1 sm:mb-2">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment