diff options
Diffstat (limited to 'app/assets/javascripts/runner/components/runner_projects.vue')
-rw-r--r-- | app/assets/javascripts/runner/components/runner_projects.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/app/assets/javascripts/runner/components/runner_projects.vue b/app/assets/javascripts/runner/components/runner_projects.vue index daca718e2b5..c0c0c14e91e 100644 --- a/app/assets/javascripts/runner/components/runner_projects.vue +++ b/app/assets/javascripts/runner/components/runner_projects.vue @@ -1,5 +1,5 @@ <script> -import { GlDeprecatedSkeletonLoading as GlSkeletonLoading } from '@gitlab/ui'; +import { GlSkeletonLoader } from '@gitlab/ui'; import { sprintf, formatNumber } from '~/locale'; import { createAlert } from '~/flash'; import runnerProjectsQuery from '../graphql/show/runner_projects.query.graphql'; @@ -17,7 +17,7 @@ import RunnerPagination from './runner_pagination.vue'; export default { name: 'RunnerProjects', components: { - GlSkeletonLoading, + GlSkeletonLoader, RunnerAssignedItem, RunnerPagination, }, @@ -86,7 +86,9 @@ export default { {{ heading }} </h3> - <gl-skeleton-loading v-if="loading" class="gl-py-5" /> + <div v-if="loading" class="gl-py-5"> + <gl-skeleton-loader /> + </div> <template v-else-if="projects.items.length"> <runner-assigned-item v-for="(project, i) in projects.items" |