Merge pull request #601 from zarathustra323/4.x_leaders-image-dimensions

Set default leaders header image dimensions
parameter1 · Feb 23, 2023 · 82d653c · 82d653c
2 parents 1812ced + 6c4c492
commit 82d653c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/packages/leaders-program/src/components/header.vue b/packages/leaders-program/src/components/header.vue
@@ -1,7 +1,12 @@
 <template>
   <div v-if="display" class="leaders__header">
     <div v-if="imgSrc" class="leaders__header-image">
-      <img :src="imgSrc" :alt="imgAlt">
+      <img
+        :src="imgSrc"
+        :alt="imgAlt"
+        :width="imgWidth"
+        :height="imgHeight"
+      >
     </div>
     <div v-if="displayCallout" class="leaders__header-callout">
       <div class="leaders__callout-prefix">
@@ -29,6 +34,14 @@ export default {
       type: String,
       default: null,
     },
+    imgWidth: {
+      type: String,
+      default: '300',
+    },
+    imgHeight: {
+      type: String,
+      default: '90',
+    },
     displayCallout: {
       type: Boolean,
       default: true,

diff --git a/packages/leaders-program/src/components/leaders.vue b/packages/leaders-program/src/components/leaders.vue
@@ -10,6 +10,8 @@
       :display="getResponsiveValue('displayHeader')"
       :img-src="headerImgSrc"
       :img-alt="headerImgAlt"
+      :img-width="headerImgWidth"
+      :img-height="headerImgHeight"
       :display-callout="getResponsiveValue('displayCallout')"
       :callout-prefix="calloutPrefix"
       :callout-value="calloutValue"
@@ -129,6 +131,14 @@ export default {
       type: String,
       default: null,
     },
+    headerImgWidth: {
+      type: String,
+      default: '300',
+    },
+    headerImgHeight: {
+      type: String,
+      default: '90',
+    },
     displayCallout: {
       type: Boolean,
       default: true,