style(Dashboard): update dashboard style

Author: ziyujiahao

frontend/src/views/dashboard/editor/DashboardEditor.vue

@@ -140,6 +140,10 @@ const emits = defineEmits(['parentAddItemBox'])
   width: 100%;
   height: 100%;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 0 !important;
+    height: 0 !important;
+  }
   :deep(.ed-empty__description) {
     width: 240px !important;
   }

frontend/src/views/dashboard/editor/index.vue

@@ -40,7 +40,7 @@ const addComponent = (componentType: string, viewInfo?: any) => {
       component.propValue[0].title = t('dashboard.new_tab')
       component.activeTabName = subTabName
     }
-    component.y = maxYComponentCount() + 10
+    component.y = maxYComponentCount() + 2
     // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment
     dashboardEditorInnerRef.value.addItemToBox(component)
   }

frontend/src/views/dashboard/preview/SQPreview.vue

@@ -142,6 +142,10 @@ defineExpose({
   overflow-x: hidden;
   overflow-y: auto;
   position: relative;
+  &::-webkit-scrollbar {
+    width: 0 !important;
+    height: 0 !important;
+  }
 
   div::-webkit-scrollbar {
     width: 0 !important;