fixed card heading bold being applied everywhere

bcgov · Feb 1, 2024 · 9382940 · 9382940
1 parent 28c8dfe
commit 9382940
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/src/components/DisplayModal.vue b/frontend/src/components/DisplayModal.vue
@@ -27,10 +27,6 @@ export default {
 </script>
 
 <style>
-.card-header {
-  font-weight: 700;
-}
-
 .modal-body {
   height: fit-content;
   width: fit-content;
@@ -55,3 +51,9 @@ export default {
   background-color: rgba(0, 0, 0, 0.4);
 }
 </style>
+
+<style scoped>
+:deep(.card-header) {
+  font-weight: 700;
+}
+</style>