fix: 菜单图标选择器添加边框

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';
 

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;
     }

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';