diff --git a/src/components/cards/CardCover.vue b/src/components/cards/CardCover.vue index 1e0f37df9..dd654b75b 100644 --- a/src/components/cards/CardCover.vue +++ b/src/components/cards/CardCover.vue @@ -5,9 +5,9 @@ @@ -76,12 +76,6 @@ export default { background-size: cover; background-repeat: no-repeat; background-position: center center; - &.rounded-left { - border-top-left-radius: calc(var(--border-radius-large) - 1px); - } - &.rounded-right { - border-top-right-radius: calc(var(--border-radius-large) - 1px); - } } } diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue index aba11804f..98de7b399 100644 --- a/src/components/cards/CardItem.vue +++ b/src/components/cards/CardItem.vue @@ -307,6 +307,7 @@ export default { display: flex; flex-direction: column; gap: $card-gap; + overflow: hidden; &:deep(*) { cursor: pointer; diff --git a/src/css/variables.scss b/src/css/variables.scss index 884675d4e..8f53aba5e 100644 --- a/src/css/variables.scss +++ b/src/css/variables.scss @@ -6,6 +6,6 @@ $card-max-width: 300px; $card-padding: calc(var(--default-grid-baseline) * 2) calc(var(--default-grid-baseline) * 2) var(--default-grid-baseline); $card-gap: calc(var(--default-grid-baseline) * 3); - $card-image-margin: calc(var(--default-grid-baseline) * -1); + $card-image-margin: calc(var(--default-grid-baseline) * -2); $stack-gap: calc(var(--default-grid-baseline) * 3); $board-gap: calc(var(--default-grid-baseline) * 4);