fix(tracing): fix height for skeleton container

Kong · Dec 3, 2024 · bf6ebc9 · bf6ebc9
1 parent 434823e
commit bf6ebc9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/core/tracing/sandbox/pages/TraceViewerPage.vue b/packages/core/tracing/sandbox/pages/TraceViewerPage.vue
@@ -109,7 +109,8 @@ const url = `https://example.com${path}`
     .slideout-title {
       flex-shrink: 1;
       min-width: 0;
-      height: $kui-line-height-50;
+      height: 28px; // $kui-line-height-50
+      line-height: $kui-line-height-50;
     }
 
     .slideout-content {

diff --git a/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue b/packages/core/tracing/src/components/trace-viewer/TraceViewer.vue
@@ -210,9 +210,11 @@ const spanNothingToDisplay = computed(() => {
       align-items: center;
       display: flex;
       flex-direction: row;
-      flex-shrink: 1;
+      flex-shrink: 0;
       gap: $kui-space-50;
+      height: 20px; // $kui-line-height-30
       justify-content: space-between;
+      line-height: $kui-line-height-30;
 
       .url {
         align-items: center;