diff options
Diffstat (limited to 'app/assets/javascripts/packages_and_registries/package_registry/components/details/package_history_loader.vue')
-rw-r--r-- | app/assets/javascripts/packages_and_registries/package_registry/components/details/package_history_loader.vue | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_history_loader.vue b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_history_loader.vue new file mode 100644 index 00000000000..950971c2f11 --- /dev/null +++ b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_history_loader.vue @@ -0,0 +1,24 @@ +<script> +import { GlSkeletonLoader } from '@gitlab/ui'; + +export default { + components: { + GlSkeletonLoader, + }, + loader: { + width: 580, + height: 80, + }, +}; +</script> + +<template> + <div class="gl-ml-5 gl-md-max-w-70p"> + <gl-skeleton-loader :width="$options.loader.width" :height="$options.loader.height"> + <rect x="49" y="9" width="531" height="16" rx="4" /> + <circle cx="16" cy="16" r="16" /> + <rect x="49" y="57" width="302" height="16" rx="4" /> + <circle cx="16" cy="64" r="16" /> + </gl-skeleton-loader> + </div> +</template> |