Adjust card height when info panel hidden

3 years ago · 7b713fcd42
1 changed files with 1 additions and 1 deletions
--- a/src/components/card/styled.tsx
+++ b/src/components/card/styled.tsx
@ -26,7 +26,7 @@ export const CardPanel = styled(Panel)<Card>`

  text-align: center;
  width: ${(props) => `${Number(props.cardsize) + 2}px`};
-  height: ${(props) => `${Number(props.cardsize) + 55}px`};
+  height: ${(props) => `${Number(props.cardsize) + (props.$noInfoPanel ? 5 : 55)}px`};
  border: ${(props) => props.theme.other.card.border};

  /* Hover effects inspired from https://codepen.io/SabAsan/pen/bGNrmzq */