调整布局

src/components/Breadcrumbs/Breadcrumb.tsx

@@ -4,8 +4,8 @@ interface BreadcrumbProps {
 }
 const Breadcrumb = ({ pageName }: BreadcrumbProps) => {
   return (
-    <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-      <h2 className="text-title-md2 font-semibold text-black dark:text-white">
+    <div className="flex gap-3 flex-row items-center justify-between text-sm">
+      <h2 className="text-title-md2 font-semibold text-black dark:text-white text-xl">
         {pageName}
       </h2>
 

src/pages/Create/index.tsx

@@ -13,7 +13,7 @@ const Create = () => {
 
   return (
     <>
-      <Card title={<Breadcrumb pageName="创作" />} className='border-stroke [&>.ant-card-head]:border-stroke [&>.ant-card-head]:dark:border-strokedark dark:bg-boxdark dark:border-strokedark'>
+      <Card title={<Breadcrumb pageName="创作"/>} className='border-stroke dark:border-strokedark [&>.ant-card-head]:border-stroke [&>.ant-card-head]:dark:border-strokedark dark:bg-boxdark'>
         <VditorEditor />
       </Card>
     </>

src/pages/Dashboard/ECommerce.tsx

@@ -30,6 +30,7 @@ const ECommerce: React.FC = () => {
             />
           </svg>
         </CardDataStats>
+
         <CardDataStats title="Total Profit" total="$45,2K" rate="4.35%" levelUp>
           <svg
             className="fill-primary dark:fill-white"
@@ -53,6 +54,7 @@ const ECommerce: React.FC = () => {
             />
           </svg>
         </CardDataStats>
+
         <CardDataStats title="Total Product" total="2.450" rate="2.59%" levelUp>
           <svg
             className="fill-primary dark:fill-white"
@@ -72,6 +74,7 @@ const ECommerce: React.FC = () => {
             />
           </svg>
         </CardDataStats>
+        
         <CardDataStats title="Total Users" total="3.456" rate="0.95%" levelDown>
           <svg
             className="fill-primary dark:fill-white"