1

src/pages/Project/Verification/Detail/Flow/components/Drawer/index.less

@@ -10,7 +10,7 @@
       > .ant-collapse-item
       > .ant-collapse-content
       > .ant-collapse-content-box) {
-    padding: 4px 16px;
+    padding: 4px 0;
   }
   :global(.ant-collapse-icon-position-right
       > .ant-collapse-item
@@ -21,4 +21,7 @@
   :global(.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow) {
     font-size: 14px;
   }
+  :global(.ant-switch-checked) {
+    background-color: #4dd865;
+  }
 }

src/pages/Project/Verification/Detail/Flow/components/Drawer/index.tsx

@@ -171,7 +171,7 @@ const FlowDrawer = () => {
       return (
         <div
           className={[
-            'shadow-card border rounded-md flex flex-col justify-between px-4 py-2 mt-6',
+            'shadow-base border rounded-md flex flex-col justify-between px-4 py-2 mt-6',
             styles.participantCard
           ].join(' ')}
           key={key}>
@@ -222,7 +222,7 @@ const FlowDrawer = () => {
               <Row>
                 {configureArr.map(item => (
                   <Col span={8} key={item}>
-                    <div className="p-2 flex flex-row items-center ">
+                    <div className="py-2 flex flex-row items-center ">
                       <div className="mr-2">{configureItemTitle[item]?.name}</div>
                       <Switch
                         checked={participant.configure.includes(item)}

windi.config.ts

@@ -22,7 +22,7 @@ export default defineConfig({
       },
       boxShadow: {
         card: '0 0 13px 0 rgba(74, 53, 107, 0.08)',
-        base: '1px 1px 1px 1px rgba(0,0,0, 0.15)'
+        base: '0 1px 1px 1px rgb(0 0 0 / 15%)'
       }
     }
   },