Commit 12a9a1f6 authored by Jannik Lehmann's avatar Jannik Lehmann

Replace GlTable with GlTablelite for subscription-details

parent 1b58bdd5
<script> <script>
import { GlSkeletonLoader, GlTable } from '@gitlab/ui'; import { GlSkeletonLoader, GlTableLite } from '@gitlab/ui';
import { slugifyWithUnderscore } from '~/lib/utils/text_utility'; import { slugifyWithUnderscore } from '~/lib/utils/text_utility';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
import { copySubscriptionIdButtonText, detailsLabels } from '../constants'; import { copySubscriptionIdButtonText, detailsLabels } from '../constants';
...@@ -33,7 +33,7 @@ export default { ...@@ -33,7 +33,7 @@ export default {
components: { components: {
ClipboardButton, ClipboardButton,
GlSkeletonLoader, GlSkeletonLoader,
GlTable, GlTableLite,
}, },
props: { props: {
details: { details: {
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
</script> </script>
<template> <template>
<gl-table <gl-table-lite
v-if="hasContent" v-if="hasContent"
:fields="$options.fields" :fields="$options.fields"
:items="details" :items="details"
...@@ -117,7 +117,7 @@ export default { ...@@ -117,7 +117,7 @@ export default {
/> />
</p> </p>
</template> </template>
</gl-table> </gl-table-lite>
<div <div
v-else v-else
:style="{ height: `${placeholderContainerHeight}px`, width: `${placeholderContainerWidth}px` }" :style="{ height: `${placeholderContainerHeight}px`, width: `${placeholderContainerWidth}px` }"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment