feat: 修改前端显示

frontend/src/App.css

@@ -648,6 +648,12 @@ code {
   max-height: 75vh;
 }
 
+.task-editor .modal-body {
+  min-height: 0;
+  flex: 1;
+  max-height: none;
+}
+
 .form-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -659,6 +665,10 @@ code {
   grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 0.7fr);
 }
 
+.form-grid-single {
+  grid-template-columns: 1fr;
+}
+
 .cron-header-row {
   display: flex;
   align-items: center;
@@ -804,7 +814,7 @@ code {
   font-size: 10px;
 }
 
-.action-panel {
+.dynamic-fields {
   margin: 22px 0 0;
   border: 1px solid #eeeff2;
   border-radius: 12px;
@@ -812,15 +822,6 @@ code {
   background: #fafafa;
 }
 
-.action-panel legend {
-  padding: 0 8px;
-  color: #374151;
-  font-family: var(--font-sans);
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0;
-}
-
 .collection-header {
   display: flex;
   align-items: flex-start;
@@ -853,7 +854,7 @@ code {
 }
 
 .argument-row {
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto;
 }
 
 .key-value-row {
@@ -866,11 +867,46 @@ code {
   font-size: 12px;
 }
 
-.form-actions {
+.cli-preview {
+  margin-top: 18px;
+  border-radius: 8px;
+  padding: 14px 18px;
+  background: #18191c;
+}
+
+.cli-preview-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  border-bottom: 1px solid #282a30;
+  padding-bottom: 6px;
+  color: #71767f;
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.cli-preview-body {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.cli-line-env {
+  margin-bottom: 4px;
+  color: #9da3af;
+}
+
+.cli-line-cmd {
+  color: #34d399;
+  font-weight: 500;
+  overflow-wrap: anywhere;
+}
+
+.modal-footer {
   display: flex;
   justify-content: flex-end;
   gap: 8px;
-  margin: 24px -28px -24px;
   border-top: 1px solid var(--border);
   padding: 16px 28px;
   background: #fafafb;
@@ -1205,8 +1241,7 @@ code {
     padding: 18px;
   }
 
-  .form-actions {
-    margin: 24px -18px -18px;
+  .modal-footer {
     padding: 16px 18px;
   }
 
@@ -1215,7 +1250,8 @@ code {
     grid-template-columns: 1fr;
   }
 
-  .key-value-row {
+  .key-value-row,
+  .argument-row {
     grid-template-columns: 1fr;
   }