refactor: create cluster ux

2026-01-06 17:21:32 +08:00
parent 66e8f83395
commit c821a2e463
10 changed files with 200 additions and 67 deletions
@@ -37,15 +37,19 @@ const FooterButtons: React.FC<FooterButtonsProps> = (props) => {
    onNext();
  };
  return (
-    <Title style={{ height: 64 }}>
-      <div className="flex-center gap-16">
+    <Title style={{ padding: '16px 24px 32px' }}>
+      <div className="flex-center gap-20">
        {showButtons.previous && (
-          <Button type="link" icon={<LeftOutlined />} onClick={onPrevious}>
+          <Button type="default" icon={<LeftOutlined />} onClick={onPrevious}>
            {intl.formatMessage({ id: 'common.button.prev' })}
          </Button>
        )}
        {showButtons.next && (
-          <Button type="link" onClick={handleOnNext}>
+          <Button
+            type="primary"
+            onClick={handleOnNext}
+            style={{ minWidth: 100 }}
+          >
            {intl.formatMessage({ id: 'common.button.next' })}
            <RightOutlined />
          </Button>
@@ -62,7 +66,8 @@ const FooterButtons: React.FC<FooterButtonsProps> = (props) => {
            style={{ minWidth: 88 }}
            loading={loading}
          >
-            {intl.formatMessage({ id: 'common.button.save' })}
+            {/* {intl.formatMessage({ id: 'common.button.save' })} */}
+            Create & Continue
          </Button>
        )}
      </div>