diff options
Diffstat (limited to 'app/assets/javascripts/jobs/components/log')
-rw-r--r-- | app/assets/javascripts/jobs/components/log/duration_badge.vue | 9 | ||||
-rw-r--r-- | app/assets/javascripts/jobs/components/log/line_header.vue | 2 |
2 files changed, 8 insertions, 3 deletions
diff --git a/app/assets/javascripts/jobs/components/log/duration_badge.vue b/app/assets/javascripts/jobs/components/log/duration_badge.vue index 8e5dcdcc902..54b76fd9edd 100644 --- a/app/assets/javascripts/jobs/components/log/duration_badge.vue +++ b/app/assets/javascripts/jobs/components/log/duration_badge.vue @@ -1,5 +1,10 @@ <script> +import { GlBadge } from '@gitlab/ui'; + export default { + components: { + GlBadge, + }, props: { duration: { type: String, @@ -9,7 +14,7 @@ export default { }; </script> <template> - <div class="log-duration-badge rounded align-self-start px-2 ml-2 flex-shrink-0 ws-normal"> + <gl-badge> {{ duration }} - </div> + </gl-badge> </template> diff --git a/app/assets/javascripts/jobs/components/log/line_header.vue b/app/assets/javascripts/jobs/components/log/line_header.vue index 4c1c00cb2a7..3bb1f58573c 100644 --- a/app/assets/javascripts/jobs/components/log/line_header.vue +++ b/app/assets/javascripts/jobs/components/log/line_header.vue @@ -1,7 +1,7 @@ <script> import { GlIcon } from '@gitlab/ui'; -import LineNumber from './line_number.vue'; import DurationBadge from './duration_badge.vue'; +import LineNumber from './line_number.vue'; export default { components: { |