diff --git a/ee/app/assets/javascripts/admin/subscriptions/show/components/subscription_details_history.vue b/ee/app/assets/javascripts/admin/subscriptions/show/components/subscription_details_history.vue index 0d47e9f69f5ffef63125b76dca40ce3ffb3cfbaa..26179e3b0c11458cc208a8a42feb19f64a6eab70 100644 --- a/ee/app/assets/javascripts/admin/subscriptions/show/components/subscription_details_history.vue +++ b/ee/app/assets/javascripts/admin/subscriptions/show/components/subscription_details_history.vue @@ -1,5 +1,5 @@ <script> -import { GlBadge, GlTable } from '@gitlab/ui'; +import { GlBadge, GlTableLite } from '@gitlab/ui'; import { kebabCase } from 'lodash'; import { capitalizeFirstCharacter } from '~/lib/utils/text_utility'; import { @@ -25,7 +25,7 @@ export default { name: 'SubscriptionDetailsHistory', components: { GlBadge, - GlTable, + GlTableLite, }, props: { currentSubscriptionId: { @@ -136,7 +136,7 @@ export default { <header> <h2 class="gl-mb-6 gl-mt-0">{{ $options.i18n.subscriptionHistoryTitle }}</h2> </header> - <gl-table + <gl-table-lite :details-td-class="$options.tdClass" :fields="fields" :items="subscriptionList" @@ -149,6 +149,6 @@ export default { <template #cell(type)="{ value }"> <gl-badge size="md" variant="info">{{ value }}</gl-badge> </template> - </gl-table> + </gl-table-lite> </section> </template>