Use correct heading

galaxyproject · Apr 22, 2024 · 5676c14 · 5676c14
1 parent 9391040
commit 5676c14
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/client/src/components/Common/ExportRecordDetails.vue b/client/src/components/Common/ExportRecordDetails.vue
@@ -8,12 +8,13 @@ import {
     faLink,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { BAlert, BButton, BCard, BCardTitle } from "bootstrap-vue";
+import { BAlert, BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
 import type { ColorVariant } from ".";
 import { ExportRecord } from "./models/exportRecordModel";
 
+import Heading from "@/components/Common/Heading.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
 
 library.add(faCheckCircle, faClock, faExclamationCircle, faExclamationTriangle, faLink);
@@ -61,9 +62,9 @@ function onMessageDismissed() {
 
 <template>
     <div class="export-record-details">
-        <BCardTitle>
+        <Heading size="sm">
             <b>{{ title }}</b> {{ props.record.elapsedTime }}
-        </BCardTitle>
+        </Heading>
 
         <p v-if="!props.record.isPreparing">
             Format: <b class="record-archive-format">{{ props.record.modelStoreFormat }}</b>