fix: 卡片加上阴影

src/pages/workbench/Dashboard/index.jsx

@@ -231,7 +231,7 @@ const Dashboard = () => {
       <div className="mt-4">
         <Row gutter={16}>
           <Col className="gutter-row" span={6}>
-            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0">
+            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0 shadow-card">
               {state.loading ? (
                 <Skeleton active avatar />
               ) : (
@@ -269,7 +269,7 @@ const Dashboard = () => {
             </div>
           </Col>
           <Col className="gutter-row" span={6}>
-            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0">
+            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0 shadow-card">
               {state.loading ? (
                 <Skeleton active avatar />
               ) : (
@@ -304,7 +304,7 @@ const Dashboard = () => {
             </div>
           </Col>
           <Col className="gutter-row" span={6}>
-            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0">
+            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0 shadow-card">
               {state.loading ? (
                 <Skeleton active avatar />
               ) : (
@@ -342,7 +342,7 @@ const Dashboard = () => {
             </div>
           </Col>
           <Col className="gutter-row" span={6}>
-            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0">
+            <div className="p-4 bg-white border rounded-2px border-hex-f0f0f0 shadow-card">
               {state.loading ? (
                 <Skeleton active avatar />
               ) : (