fix(SW-2376): Vertically centered previous/next buttons inside carousel cards

Approved-by: Matilda Landström
2025-05-19 09:13:23 +00:00
parent f4629ad17d
commit 7fe25f7eca
8 changed files with 56 additions and 55 deletions
--- a/apps/scandic-web/components/ContentCard/contentCard.module.css
+++ b/apps/scandic-web/components/ContentCard/contentCard.module.css
@@ -4,7 +4,8 @@

 .imageContainer {
  position: relative;
-  aspect-ratio: 16/9;
+  width: 100%;
+  height: 250px;
  border-radius: var(--Corner-radius-md);
  overflow: hidden;
  transition: border-radius 0.3s ease-in-out;
@@ -12,6 +13,9 @@

 .image {
  border-radius: var(--Corner-radius-md);
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
  transition:
    transform 0.3s ease-in-out,
    border-radius 0.3s ease-in-out;