💄 高度な設定をまとめる

ネストしたフォームのデザインが無かったのでもうちょっとデザイン考える必要アリ
traPtitech · Dec 7, 2023 · 86c6058 · 86c6058
1 parent b05f2b2
commit 86c6058
Showing 1 changed file with 34 additions and 32 deletions.
diff --git a/dashboard/src/components/templates/app/BuildConfigs.tsx b/dashboard/src/components/templates/app/BuildConfigs.tsx
@@ -97,38 +97,40 @@ const RuntimeConfigs: Component<RuntimeConfigProps> = (props) => {
           </ToolTip>
         </FormItem>
       </Show>
-      <Field of={props.formStore} name="config.runtimeConfig.entrypoint">
-        {(field, fieldProps) => (
-          <TextField
-            label="Entrypoint"
-            info={{
-              props: {
-                content: '(Advanced) コンテナのEntrypoint',
-              },
-            }}
-            {...fieldProps}
-            value={field.value ?? ''}
-            error={field.error}
-            readOnly={!props.hasPermission}
-          />
-        )}
-      </Field>
-      <Field of={props.formStore} name="config.runtimeConfig.command">
-        {(field, fieldProps) => (
-          <TextField
-            label="Command"
-            info={{
-              props: {
-                content: '(Advanced) コンテナのCommand',
-              },
-            }}
-            {...fieldProps}
-            value={field.value ?? ''}
-            error={field.error}
-            readOnly={!props.hasPermission}
-          />
-        )}
-      </Field>
+      <FormItem title="高度な設定">
+        <Field of={props.formStore} name="config.runtimeConfig.entrypoint">
+          {(field, fieldProps) => (
+            <TextField
+              label="Entrypoint"
+              info={{
+                props: {
+                  content: '(Advanced) コンテナのEntrypoint',
+                },
+              }}
+              {...fieldProps}
+              value={field.value ?? ''}
+              error={field.error}
+              readOnly={!props.hasPermission}
+            />
+          )}
+        </Field>
+        <Field of={props.formStore} name="config.runtimeConfig.command">
+          {(field, fieldProps) => (
+            <TextField
+              label="Command"
+              info={{
+                props: {
+                  content: '(Advanced) コンテナのCommand',
+                },
+              }}
+              {...fieldProps}
+              value={field.value ?? ''}
+              error={field.error}
+              readOnly={!props.hasPermission}
+            />
+          )}
+        </Field>
+      </FormItem>
     </>
   )
 }