diff --git a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.stories.js b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.stories.js
index d1ef42d7..a7e6e7d7 100644
--- a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.stories.js
+++ b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.stories.js
@@ -266,6 +266,7 @@ export const EduCollection = {
],
args: {
...BlockLinkCardData,
+ size: 'sm',
specialStyles: true,
data: {
page: {
@@ -294,11 +295,6 @@ export const EduCollection = {
}
}
export const EduCollectionLarge = {
- decorators: [
- () => ({
- template: `
`
- })
- ],
args: {
...BlockLinkCardData,
size: 'lg',
diff --git a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
index b69b5e9b..c690d5b5 100644
--- a/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
+++ b/packages/vue/src/components/BlockLinkCard/BlockLinkCard.vue
@@ -1,10 +1,11 @@
-
+
diff --git a/packages/vue/src/components/BlockLinkCard/BlockLinkCardCollectionLg.vue b/packages/vue/src/components/BlockLinkCard/BlockLinkCardCollectionLg.vue
index bf13bd01..5d2b352b 100644
--- a/packages/vue/src/components/BlockLinkCard/BlockLinkCardCollectionLg.vue
+++ b/packages/vue/src/components/BlockLinkCard/BlockLinkCardCollectionLg.vue
@@ -1,5 +1,5 @@
@@ -33,11 +39,16 @@ const { theItem, metadataType, metadataAttrs, headingLevel } = reactive(props)
:to="theItem.url ? theItem.url : undefined"
:href="theItem.externalLink ? theItem.externalLink : undefined"
class="BlockLinkCardCollectionLg group bg-stars bg-primary-dark"
- link-class="block sm:flex flex-row mb-8 relative"
+ :link-class="`block mb-8 relative ${isSmall ? 'flex flex-col' : 'sm:flex flex-row'}`"
external-target-blank
>
@@ -54,7 +65,11 @@ const { theItem, metadataType, metadataAttrs, headingLevel } = reactive(props)
@@ -70,19 +88,25 @@ const { theItem, metadataType, metadataAttrs, headingLevel } = reactive(props)
{{ theItem.summary }}