From 8deea1c5e8639f96357424dacbaba6964ddfc87c Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Mon, 23 Sep 2024 09:33:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=8F=9C=E5=8D=95=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E6=B7=BB=E5=8A=A0=E8=BE=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/components/KFSpin/index.tsx            |  6 ++++++
 react-ui/src/components/MenuIconSelector/index.less | 13 +++++++++++--
 react-ui/src/components/MenuIconSelector/index.tsx  |  6 ++++++
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/react-ui/src/components/KFSpin/index.tsx b/react-ui/src/components/KFSpin/index.tsx
index 64d315a9..519ab6ef 100644
--- a/react-ui/src/components/KFSpin/index.tsx
+++ b/react-ui/src/components/KFSpin/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-09-02 08:42:57
+ * @Description: 自定义 Spin
+ */
+
 import { Spin, SpinProps } from 'antd';
 import styles from './index.less';
 
diff --git a/react-ui/src/components/MenuIconSelector/index.less b/react-ui/src/components/MenuIconSelector/index.less
index c4b134b8..77529762 100644
--- a/react-ui/src/components/MenuIconSelector/index.less
+++ b/react-ui/src/components/MenuIconSelector/index.less
@@ -1,16 +1,25 @@
 .menu-icon-selector {
   // grid 布局，每行显示 8 个图标
   display: grid;
-  grid-auto-rows: 1fr;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, 80px);
+  gap: 20px;
+  justify-content: space-between;
+  width: 100%;
 
   &__item {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 80x;
     height: 80px;
+    border: 1px solid transparent;
+    border-radius: 4px;
     cursor: pointer;
 
+    &:hover {
+      border-color: @primary-color;
+    }
+
     &__icon {
       display: block;
     }
diff --git a/react-ui/src/components/MenuIconSelector/index.tsx b/react-ui/src/components/MenuIconSelector/index.tsx
index 2204c348..dd57320e 100644
--- a/react-ui/src/components/MenuIconSelector/index.tsx
+++ b/react-ui/src/components/MenuIconSelector/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-17 16:59:42
+ * @Description: 菜单图标选择器
+ */
+
 import KFIcon from '@/components/KFIcon';
 import KFModal from '@/components/KFModal';
 import iconData from '@/iconfont/iconfont-menu.json';