fix：调整AI图标

Author: lichunn

packages/layout/src/DesignPlugins.vue

@@ -290,28 +290,10 @@ export default {
       svg {
         font-size: 22px;
       }
-
-      .chatgpt-icon {
-        width: 18px;
-        height: 18px;
-      }
     }
   }
 }
 
-.robot-dialog {
-  position: fixed;
-  width: 700px;
-  z-index: 5;
-  right: 40px;
-  bottom: 40px;
-  background-color: var(--ti-lowcode-common-component-bg);
-  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
-  border: 1px solid #dbdbdb;
-  padding: 10px 20px 30px;
-  border-radius: 12px;
-}
-
 :deep(.panel-svg) {
   font-size: 22px;
 }

packages/plugins/robot/src/Main.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div title="AI对话框">
+    <div title="AI对话框" class="robot-img">
       <img class="chatgpt-icon" src="../assets/AI.png" @click="openAIRobot" />
     </div>
     <Teleport to="body">
@@ -384,10 +384,18 @@ export default {
 </script>
 
 <style lang="less" scope>
-.chatgpt-icon {
-  width: 18px;
-  height: 18px;
+.robot-img {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  .chatgpt-icon {
+    width: 18px;
+    height: 18px;
+  }
 }
+
 .robot-dialog {
   position: fixed;
   width: 700px;