[skywalking-rocketbot-ui] branch master updated: fix "alram-table " timeline long distance (#149)

[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 79d7a01  fix "alram-table " timeline long distance (#149)
79d7a01 is described below

commit 79d7a011fe4b24eb92e2dc377edc281b889c22cc
Author: x22x22 <ro...@gmail.com>
AuthorDate: Tue Sep 3 13:17:42 2019 +0800

    fix "alram-table " timeline long distance (#149)
    
    fix "alram-table " timeline long distance(high resolution).
---
 src/views/components/alarm/alarm-table.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/components/alarm/alarm-table.vue b/src/views/components/alarm/alarm-table.vue
index bbaec46..1ea3e39 100644
--- a/src/views/components/alarm/alarm-table.vue
+++ b/src/views/components/alarm/alarm-table.vue
@@ -18,7 +18,7 @@
 <template>
 <div class="rk-alarm-table clear">
   <div v-for="(i,index) in data" :key="index" class="mb-10 clear">
-    <div class="g-sm-3 grey sm hide-xs rk-alarm-time-line tc">{{parseInt(i.startTime) | dateformat}}</div>
+    <div class="g-sm-3 grey sm hide-xs rk-alarm-time-line tr">{{parseInt(i.startTime) | dateformat}}</div>
     <div class="rk-alarm-table-i g-sm-9">
       <div class="message mb-5 b"><span class="mr-10 sm">#{{i.key}}</span>{{i.message}}</div>
       <div class="rk-alarm-table-i-scope mr-10 l sm" :class="{
@@ -49,8 +49,9 @@ export default class AlarmTable extends Vue {
 
 }
 .rk-alarm-time-line{
-  padding: 20px 0;
+  padding: 14px 30px;
   min-height: 63px;
+  max-width: 132px
 }
 .rk-alarm-table-i{
   padding: 10px 15px;