(skywalking-booster-ui) branch main updated: polish event (#506)

[wusheng]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git


The following commit(s) were added to refs/heads/main by this push:
     new 35125d13 polish event (#506)
35125d13 is described below

commit 35125d133b400ed8c3162b3f292a5f70a7e5518e
Author: Fine0830 <fanxue0...@gmail.com>
AuthorDate: Sat Oct 11 09:57:36 2025 +0800

    polish event (#506)
---
 src/views/dashboard/controls/Event.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/controls/Event.vue 
b/src/views/dashboard/controls/Event.vue
index 8a1dda3d..48cbb1ed 100644
--- a/src/views/dashboard/controls/Event.vue
+++ b/src/views/dashboard/controls/Event.vue
@@ -44,7 +44,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-  import { ref, watch, onMounted, nextTick } from "vue";
+  import { ref, watch, onMounted } from "vue";
   import type { PropType } from "vue";
   import { useI18n } from "vue-i18n";
   import { useDashboardStore } from "@/store/modules/dashboard";
@@ -65,11 +65,12 @@ limitations under the License. -->
   const dashboardStore = useDashboardStore();
   const collapsedState = ref(true);
   const originalState = ref({ h: props.data.h });
+  const CollapsedHeight = 2;
 
   onMounted(() => {
     collapsedState.value = props.data.eventDefaultCollapse === undefined ? 
true : props.data.eventDefaultCollapse;
     if (collapsedState.value) {
-      dashboardStore.setConfigs({ ...props.data, ...{ h: 3 } }, props.data.i);
+      dashboardStore.setConfigs({ ...props.data, ...{ h: CollapsedHeight } }, 
props.data.i);
     } else {
       dashboardStore.setConfigs({ ...props.data, ...originalState.value }, 
props.data.i);
     }
@@ -86,7 +87,7 @@ limitations under the License. -->
     dashboardStore.activeGridItem(props.data.i);
     collapsedState.value = !collapsedState.value;
     if (collapsedState.value) {
-      dashboardStore.setConfigs({ ...props.data, ...{ h: 3 } });
+      dashboardStore.setConfigs({ ...props.data, ...{ h: CollapsedHeight } });
     } else {
       dashboardStore.setConfigs({ ...props.data, ...originalState.value });
     }
@@ -164,7 +165,7 @@ limitations under the License. -->
 
   .event-inspector {
     text-align: center;
-    line-height: 45px;
+    line-height: 30px;
     font-size: $font-size-normal;
     font-weight: bold;
   }