diff --git a/src/components/molecules/card/card.util.ts b/src/components/molecules/card/card.util.ts index 4916c85b..33dc354d 100644 --- a/src/components/molecules/card/card.util.ts +++ b/src/components/molecules/card/card.util.ts @@ -14,7 +14,7 @@ export function getSizes(variant: CardVariant, factor: number): CardSizes { const width = cardWidth * factor; const headerHeight = variant.header === HeaderVariant.None ? 0 : cardHeaderHeight * factor; const footerHeight = variant.footer === FooterVariant.None ? 0 : cardFooterHeight * factor; - const contentHeight = height - headerHeight - footerHeight; + const contentHeight = height - headerHeight - 2 * footerHeight; return { height, diff --git a/src/style/_sizes.ts b/src/style/_sizes.ts index cd5f63a9..0c42023b 100644 --- a/src/style/_sizes.ts +++ b/src/style/_sizes.ts @@ -1,8 +1,8 @@ export const defaultBorderRadius = 4; export const sidBarWidth = 300; // card -export const cardHeight = 430; -export const cardWidth = 430; +export const cardHeight = 500; +export const cardWidth = 500; // card content and actions (footer) export const cardHeaderHeight = 70; export const cardFooterHeight = 50;