diff --git a/src/assets/images/bg2.jpeg b/src/assets/images/bg2.jpeg
new file mode 100644
index 00000000..825ec07f
Binary files /dev/null and b/src/assets/images/bg2.jpeg differ
diff --git a/src/components/form-create/config/interface.ts b/src/components/form-create/config/interface.ts
index 823c5b7b..c317b6b7 100644
--- a/src/components/form-create/config/interface.ts
+++ b/src/components/form-create/config/interface.ts
@@ -47,7 +47,7 @@ const BASIC_TYPE = ['number', 'string', 'bool'];
 
 const UNKNOWN_TYPE = ['dynamic'];
 
-const COLLECTION_TYPE = ['map', 'object', 'list', 'tuple'];
+const COLLECTION_TYPE = ['map', 'object', 'list', 'tuple', 'dynamic'];
 
 export const validateYaml = (str) => {
   let result: any = {};
diff --git a/src/components/form-create/config/yaml-parse.ts b/src/components/form-create/config/yaml-parse.ts
index 20f71bcc..5193706a 100644
--- a/src/components/form-create/config/yaml-parse.ts
+++ b/src/components/form-create/config/yaml-parse.ts
@@ -37,10 +37,10 @@ export const validateYaml = (str) => {
     result = {
       empty: false,
       error: {
-        line: _.get(error, 'mark.line') + 1,
+        line: _.get(error, 'mark.line') || 0 + 1,
         reason: _.get(error, 'reason'),
         message: `${_.get(error, 'reason')} (line:${
-          _.get(error, 'mark.line') + 1
+          _.get(error, 'mark.line') || 0 + 1
         })`
       }
     };
diff --git a/src/components/seal-form/style/index.less b/src/components/seal-form/style/index.less
index 1a903416..eb7805d6 100644
--- a/src/components/seal-form/style/index.less
+++ b/src/components/seal-form/style/index.less
@@ -7,7 +7,9 @@
 }
 
 .wrapper.seal-relative {
+  overflow: hidden;
   background-color: #fff;
+  border-radius: var(--border-radius-small);
 
   :deep(.arco-input-wrapper) {
     padding-top: 20px;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d242a467..625a6e20 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,9 +1,8 @@
 <template>
-  <div class="container">
+  <div class="container login">
     <div class="logo">
-      <img alt="logo" src="../../assets/images/walrus-logo.png" />
+      <img alt="logo" src="../../assets/images/logo2.png" />
     </div>
-    <LoginBanner />
 
     <div class="content">
       <div class="content-inner">
@@ -111,7 +110,10 @@
     display: flex;
     height: 100vh;
     margin-top: 0;
-    background-color: #fff;
+    background-image: url('../../assets/images/bg2.jpeg');
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
 
     :deep(.hljs.bash) {
       background-color: #fff;
@@ -177,6 +179,12 @@
       align-items: center;
       justify-content: center;
       padding-bottom: 40px;
+
+      .content-inner {
+        padding: 20px;
+        background-color: rgba(255, 255, 255, 0.7);
+        border-radius: 8px;
+      }
     }
 
     .footer {
diff --git a/src/views/operation-hub/connectors/components/table-list.vue b/src/views/operation-hub/connectors/components/table-list.vue
index d872880c..ffa21f3c 100644
--- a/src/views/operation-hub/connectors/components/table-list.vue
+++ b/src/views/operation-hub/connectors/components/table-list.vue
@@ -403,8 +403,7 @@
     query: '',
     page: 1,
     perPage: 10,
-    category: '',
-    projectID: route.params.projectId
+    category: ''
   });
   const dataList = ref<ConnectorRowData[]>([]);