diff --git a/.changeset/dry-geckos-poke.md b/.changeset/dry-geckos-poke.md new file mode 100644 index 000000000..eb0d9681b --- /dev/null +++ b/.changeset/dry-geckos-poke.md @@ -0,0 +1,10 @@ +--- +"@shopware-ag/meteor-component-library": major +--- + +Removed large width of card + +The large size of the card has been removed. Container sizes +like this should be defined by the parent element. + +To migrate, add a max-width of `83.125rem` to the parent element. diff --git a/packages/component-library/src/components/layout/mt-card/mt-card.stories.ts b/packages/component-library/src/components/layout/mt-card/mt-card.stories.ts index 699807a8f..dc6cece4b 100644 --- a/packages/component-library/src/components/layout/mt-card/mt-card.stories.ts +++ b/packages/component-library/src/components/layout/mt-card/mt-card.stories.ts @@ -104,7 +104,6 @@ export const MinimalStory: StoryObj = { headerRight: null, hero: false, isLoading: false, - large: false, avatar: null, updateInheritance: fn(action("update:inhertitance")), }, @@ -192,7 +191,6 @@ export const ExtendedStory: StoryObj = { headerRight: "Header right", hero: false, isLoading: false, - large: false, avatar: "AVTR", tabs: true, "context-actions": true, diff --git a/packages/component-library/src/components/layout/mt-card/mt-card.vue b/packages/component-library/src/components/layout/mt-card/mt-card.vue index 79f68fc74..ac39d6e72 100644 --- a/packages/component-library/src/components/layout/mt-card/mt-card.vue +++ b/packages/component-library/src/components/layout/mt-card/mt-card.vue @@ -141,15 +141,6 @@ export default defineComponent({ default: false, }, - /** - * Render the card in a large size - */ - large: { - type: Boolean, - required: false, - default: false, - }, - /** * Render a inheritance toggle */ @@ -194,7 +185,6 @@ export default defineComponent({ const cardClasses = computed(() => ({ "mt-card--grid": !!slots.grid, "mt-card--hero": !!props.hero, - "mt-card--large": props.large, "mt-card--has-footer": !!slots.footer, "mt-card--is-inherited": !!props.inheritance, })); @@ -309,19 +299,6 @@ export default defineComponent({ } } -.mt-card--large { - max-width: 83.125rem; - - & .mt-card__title, - & .mt-card__subtitle { - width: auto; - position: relative; - top: 0; - left: 0; - text-align: left; - } -} - .mt-card__titles { display: flex; flex-direction: column;