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 653bb30 fix: update style for event details (#518) 653bb30 is described below commit 653bb3045c71a391a13222872085961213d7010b Author: Fine0830 <fine0...@outlook.com> AuthorDate: Fri Jul 16 12:50:17 2021 +0800 fix: update style for event details (#518) --- src/views/components/alarm/alarm-table.vue | 2 +- src/views/components/common/index.scss | 3 +++ src/views/components/event/event-timeline.vue | 2 +- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/views/components/alarm/alarm-table.vue b/src/views/components/alarm/alarm-table.vue index 917b12d..a41584a 100644 --- a/src/views/components/alarm/alarm-table.vue +++ b/src/views/components/alarm/alarm-table.vue @@ -75,7 +75,7 @@ limitations under the License. --> currentEvent[eventKey.class] | dateformat }}</span> <span v-else-if="eventKey.class === 'source'" class="source"> - <div>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</div> + <span>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</span> <div v-show="currentEvent[eventKey.class].endpoint"> {{ $t('currentEndpoint') }}: {{ currentEvent[eventKey.class].endpoint }} </div> diff --git a/src/views/components/common/index.scss b/src/views/components/common/index.scss index b5c879a..9cd1972 100644 --- a/src/views/components/common/index.scss +++ b/src/views/components/common/index.scss @@ -45,6 +45,9 @@ display: inline-block; width: 120px; } + .source > span { + display: inline-block; + } .source > div { padding-left: 120px; } diff --git a/src/views/components/event/event-timeline.vue b/src/views/components/event/event-timeline.vue index a64b76c..929e56e 100644 --- a/src/views/components/event/event-timeline.vue +++ b/src/views/components/event/event-timeline.vue @@ -54,7 +54,7 @@ limitations under the License. --> currentEvent[eventKey.class] | dateformat }}</span> <span v-else-if="eventKey.class === 'source'" class="source"> - <div>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</div> + <span>{{ $t('currentService') }}: {{ currentEvent[eventKey.class].service }}</span> <div v-show="currentEvent[eventKey.class].endpoint"> {{ $t('currentEndpoint') }}: {{ currentEvent[eventKey.class].endpoint }} </div>