From de2f08157102dfb7824a671d96fcd749d6ec6b38 Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Tue, 30 Jul 2024 17:50:53 -0700
Subject: [PATCH] adjustments after visual tests

---
 apps/vue-storybook/.percy.yml                            | 1 +
 .../src/components/BlockInlineImage/BlockInlineImage.vue | 2 +-
 .../BlockStreamfield/BlockStreamfield.stories.js         | 1 +
 .../src/components/EventDetailHero/EventDetailHero.vue   | 9 ++++-----
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/vue-storybook/.percy.yml b/apps/vue-storybook/.percy.yml
index bc1b122d..a2f7ad52 100644
--- a/apps/vue-storybook/.percy.yml
+++ b/apps/vue-storybook/.percy.yml
@@ -5,6 +5,7 @@ snapshot:
     - 1280
   minHeight: 1024
   percyCSS: ''
+  concurrency: 15
   disableShadowDOM: false
   enableJavascript: true
   enableLayout: true
diff --git a/packages/vue/src/components/BlockInlineImage/BlockInlineImage.vue b/packages/vue/src/components/BlockInlineImage/BlockInlineImage.vue
index 1842ec16..2224d19b 100644
--- a/packages/vue/src/components/BlockInlineImage/BlockInlineImage.vue
+++ b/packages/vue/src/components/BlockInlineImage/BlockInlineImage.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="data"
-    class="BlockInlineImage container mx-auto"
+    class="BlockInlineImage LayoutHelper container mx-auto"
   >
     <div class="lg:BaseGrid lg:px-0 px-4">
       <!-- the image -->
diff --git a/packages/vue/src/components/BlockStreamfield/BlockStreamfield.stories.js b/packages/vue/src/components/BlockStreamfield/BlockStreamfield.stories.js
index bed9089e..d6ba1709 100644
--- a/packages/vue/src/components/BlockStreamfield/BlockStreamfield.stories.js
+++ b/packages/vue/src/components/BlockStreamfield/BlockStreamfield.stories.js
@@ -47,6 +47,7 @@ export const BlockStreamfieldTruncatedData = {
       value:
         '<p>Lorem ipsum <a href="/missions/test-mission/">dolor</a> sit amet, consectetur adipiscing elit. Quisque vitae justo quis justo malesuada molestie. Cras sed tincidunt dui.</p><p>Integer imperdiet blandit neque vitae euismod. Nulla aliquet lacus nibh,  vel tincidunt urna efficitur non. In et eros vitae ex posuere maximus  quis eget urna. Suspendisse fringilla posuere velit sit amet posuere.  Morbi malesuada bibendum vehicula. Donec faucibus ut erat ut mattis.  Suspendisse ornare, quam at placerat cursus, dolor mi lacinia nunc, eget  maximus augue nulla in dolor.</p>\n'
     },
+    BlockInlineImageData.block,
     BlockIframeEmbedData
   ]
 }
diff --git a/packages/vue/src/components/EventDetailHero/EventDetailHero.vue b/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
index bef618e8..c93be4a3 100644
--- a/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
+++ b/packages/vue/src/components/EventDetailHero/EventDetailHero.vue
@@ -43,7 +43,8 @@ export default defineComponent({
   props: {
     data: {
       type: Object,
-      required: false
+      required: false,
+      default: undefined
     },
     startDateSplit: {
       type: Object as PropType<EventDateObject | undefined>,
@@ -51,7 +52,8 @@ export default defineComponent({
     },
     image: {
       type: Object,
-      required: false
+      required: false,
+      default: undefined
     }
   },
   computed: {
@@ -61,6 +63,3 @@ export default defineComponent({
   }
 })
 </script>
-<style lang="scss">
-@import '@explorer-1/common/src/scss/components/HeroMedia';
-</style>