[skywalking-rocketbot-ui] branch master updated: fix: table style (#389)

[wu...@apache.org]

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

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


The following commit(s) were added to refs/heads/master by this push:
     new 4154d9a  fix: table style (#389)
4154d9a is described below

commit 4154d9a6a189a35e51705ffc428325ae42148446
Author: Qiuxia Fan <fi...@outlook.com>
AuthorDate: Wed Dec 2 14:25:50 2020 +0800

    fix: table style (#389)
---
 src/views/components/common/trace-chart-table/trace-item.vue |  4 ++--
 src/views/components/profile/profile-item.vue                | 11 +++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/components/common/trace-chart-table/trace-item.vue b/src/views/components/common/trace-chart-table/trace-item.vue
index 08b0e02..77bc11c 100644
--- a/src/views/components/common/trace-chart-table/trace-item.vue
+++ b/src/views/components/common/trace-chart-table/trace-item.vue
@@ -178,8 +178,8 @@ limitations under the License. -->
   }
   .trace-item div.exec-percent {
     width: 100px;
-    padding-left: 8px;
-    padding-right: 8px;
+    height: 30px;
+    padding: 0 8px;
     .outer-progress_bar {
       width: 100%;
       height: 6px;
diff --git a/src/views/components/profile/profile-item.vue b/src/views/components/profile/profile-item.vue
index 17eaf35..7c58d4c 100644
--- a/src/views/components/profile/profile-item.vue
+++ b/src/views/components/profile/profile-item.vue
@@ -15,8 +15,11 @@ limitations under the License. -->
 
 <template>
   <div>
-    <div :class="['profile-item', 'level' + data.parentId]" :style="{ color: data.topDur ? '#448dfe' : '#3d444f'}">
-      <div :class="['thread', 'level' + data.parentId]" :style="{ 'text-indent': data.parentId * 4 + 'px',width: `${thread}px`  }">
+    <div :class="['profile-item', 'level' + data.parentId]" :style="{ color: data.topDur ? '#448dfe' : '#3d444f' }">
+      <div
+        :class="['thread', 'level' + data.parentId]"
+        :style="{ 'text-indent': data.parentId * 4 + 'px', width: `${thread}px` }"
+      >
         <svg
           class="icon vm cp trans"
           :style="!displayChildren ? 'transform: rotate(-90deg);' : ''"
@@ -102,8 +105,8 @@ limitations under the License. -->
   }
   .profile-item div.exec-percent {
     width: 10%;
-    padding-left: 8px;
-    padding-right: 8px;
+    height: 30px;
+    padding: 0 8px;
     .outer-progress_bar {
       width: 100%;
       height: 6px;