style: model source dropdown

2025-02-17 13:49:55 +08:00
parent 35a5733e82
commit 8f7968302d
2 changed files with 17 additions and 12 deletions
@@ -1,3 +1,4 @@
+import { Col, Row } from 'antd';
 import React from 'react';
 import '../style/deploy-dropdown.less';

@@ -14,12 +15,16 @@ interface DeployDropdownProps {
 const DeployDropdown: React.FC<DeployDropdownProps> = ({ items, onSelect }) => {
  return (
    <div className="deploy-dropdown">
-      {items.map((item) => (
-        <div key={item.key} onClick={() => onSelect(item)} className="item">
-          <span className="icon">{item.icon}</span>
-          <span className="label">{item.label}</span>
-        </div>
-      ))}
+      <Row gutter={[0, 16]}>
+        {items.map((item) => (
+          <Col span={8} key={item.key}>
+            <div key={item.key} onClick={() => onSelect(item)} className="item">
+              <span className="icon">{item.icon}</span>
+              <span className="label">{item.label}</span>
+            </div>
+          </Col>
+        ))}
+      </Row>
    </div>
  );
 };