update SelectManager

src/ui/Duel/PlayMat/Menu/index.module.scss

@@ -15,3 +15,13 @@
 :global(.ant-dropdown-menu-item) {
   gap: 0.5rem;
 }
+
+.select-manager {
+  .btn {
+    font-size: 0.9rem;
+  }
+
+  .cancle {
+    color: red;
+  }
+}

src/ui/Duel/PlayMat/Menu/index.tsx

@@ -15,6 +15,7 @@ import {
   theme,
   Tooltip,
 } from "antd";
+import classNames from "classnames";
 import { cloneElement, useEffect, useState } from "react";
 import { useSnapshot } from "valtio";
 
@@ -247,9 +248,11 @@ const ChainIcon: React.FC<{ chainSetting: ChainSetting }> = ({
 
 const SelectManager: React.FC = () => {
   return (
-    <>
-      <Button>完成选择</Button>
-      <Button style={{ color: "red" }}>取消选择</Button>
-    </>
+    <div className={styles["select-manager"]}>
+      <Button className={styles.btn}>完成选择</Button>
+      <Button className={classNames(styles.btn, { [styles.cancle]: true })}>
+        取消选择
+      </Button>
+    </div>
   );
 };