fix: fix style

Author: ziyujiahao

frontend/src/assets/img/add_component.png

@@ -1206,7 +1206,7 @@ defineExpose({
     <EmptyBackground
       v-if="!canvasComponentData.length && isMainCanvas(canvasId)"
       :description="t('dashboard.add_component_tips')"
-      img-type="selectDashboard"
+      img-type="addComponent"
     />
     <template v-if="renderOk">
       <CanvasShape

frontend/src/views/dashboard/canvas/CanvasCore.vue

@@ -4,14 +4,23 @@ import nothingInput from '@/assets/img/nothing-input.png'
 import nothingSelect from '@/assets/img/nothing-select.png'
 import nothingTable from '@/assets/img/nothing-table.png'
 import nothingSelectDashboard from '@/assets/img/none-dashboard.png'
+import addComponent from '@/assets/img/add_component.png'
 import none from '@/assets/img/none.png'
 import error from '@/assets/img/error.png'
 import nothingTree from '@/assets/img/nothing-tree.png'
 import nothingNone from '@/assets/img/nothing-none.png'
 defineProps({
   imgType: {
     type: String as PropType<
-      'input' | 'select' | 'table' | 'none' | 'noneWhite' | 'tree' | 'error' | 'selectDashboard'
+      | 'input'
+      | 'select'
+      | 'table'
+      | 'none'
+      | 'noneWhite'
+      | 'tree'
+      | 'error'
+      | 'selectDashboard'
+      | 'addComponent'
     >,
     default: 'table',
   },
@@ -33,6 +42,7 @@ const getAssetsFile = {
   selectDashboard: nothingSelectDashboard,
   error,
   none,
+  addComponent,
 }
 </script>
 

frontend/src/views/dashboard/common/EmptyBackground.vue

@@ -140,6 +140,9 @@ const emits = defineEmits(['parentAddItemBox'])
   width: 100%;
   height: 100%;
   overflow-y: auto;
+  :deep(.ed-empty__description) {
+    width: 240px !important;
+  }
 }
 
 .move-in-active {