update:css样式拆分

frontend/app/features/schedules/SchedulePage.tsx

@@ -28,6 +28,19 @@ import {
 } from "~/services/api";
 
 import { useApi, useAuth } from "~/context/AuthContext";
+import {
+  formFieldClass,
+  formInputClass,
+  modalBackdropClass,
+  modalCompactClass,
+  modalEyebrowClass,
+  modalFooterClass,
+  modalFormClass,
+  modalHeaderClass,
+  modalTitleClass,
+  primaryButtonClass,
+  secondaryButtonClass,
+} from "~/features/platform/modalUi";
 import { NodeInspector } from "./NodeInspector";
 import { RunHistory } from "./RunHistory";
 import { ScheduleInspector } from "./ScheduleInspector";
@@ -731,20 +744,22 @@ export default function SchedulePage({
       )}
 
       {createDialogOpen && (
-        <div className="modal-backdrop" role="presentation">
+        <div className={modalBackdropClass} role="presentation">
           <section
-            className="modal modal--compact"
+            className={modalCompactClass}
             role="dialog"
             aria-modal="true"
             aria-labelledby="create-schedule-title"
           >
-            <div className="modal__header">
+            <div className={modalHeaderClass}>
               <div>
-                <span className="modal__eyebrow">SCHEDULE</span>
-                <h2 id="create-schedule-title">新建调度方案</h2>
+                <span className={modalEyebrowClass}>SCHEDULE</span>
+                <h2 id="create-schedule-title" className={modalTitleClass}>
+                  新建调度方案
+                </h2>
               </div>
               <button
-                className="grid h-[34px] w-[34px] cursor-pointer place-items-center rounded-[7px] border border-[#dfe6ed] bg-white hover:border-[#b9c9da] hover:bg-[#f7faff]"
+                className="grid size-[34px] cursor-pointer place-items-center rounded-[7px] border border-[#dfe6ed] bg-white hover:border-[#b9c9da] hover:bg-[#f7faff] disabled:opacity-50"
                 type="button"
                 aria-label="关闭"
                 disabled={Boolean(busy)}
@@ -753,10 +768,11 @@ export default function SchedulePage({
                 <X size={14} />
               </button>
             </div>
-            <form onSubmit={handleCreateScheduleSubmit}>
-              <label className="form-field">
+            <form className={modalFormClass} onSubmit={handleCreateScheduleSubmit}>
+              <label className={formFieldClass}>
                 <span>调度方案名称</span>
                 <input
+                  className={formInputClass}
                   autoFocus
                   maxLength={255}
                   placeholder="请输入调度方案名称"
@@ -765,9 +781,9 @@ export default function SchedulePage({
                   onFocus={(event) => event.currentTarget.select()}
                 />
               </label>
-              <div className="modal__footer">
+              <div className={modalFooterClass}>
                 <button
-                  className="secondary-button"
+                  className={secondaryButtonClass}
                   type="button"
                   disabled={Boolean(busy)}
                   onClick={() => setCreateDialogOpen(false)}
@@ -775,7 +791,7 @@ export default function SchedulePage({
                   取消
                 </button>
                 <button
-                  className="primary-button"
+                  className={primaryButtonClass}
                   type="submit"
                   disabled={Boolean(busy) || !newScheduleName.trim()}
                 >