fix: fixed rounded corners for Card.ImageCap component

openedx · Aug 3, 2023 · d77ddd8 · d77ddd8
1 parent 8ecb3b5
commit d77ddd8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/Card/index.scss b/src/Card/index.scss
@@ -294,6 +294,8 @@ a.pgn__card {
     object-fit: cover;
     max-height: inherit;
     width: 100%;
+    border-top-left-radius: $card-image-border-radius;
+    border-top-right-radius: $card-image-border-radius;
     display: none;
 
     &.show {
@@ -312,6 +314,9 @@ a.pgn__card {
       .pgn__card-image-cap {
         height: 100%;
         max-width: inherit;
+        border-top-left-radius: $card-image-border-radius;
+        border-bottom-left-radius: $card-image-border-radius;
+        border-top-right-radius: 0;
         width: auto;
         object-fit: cover;
       }
@@ -339,6 +344,8 @@ a.pgn__card {
         position: relative;
         top: -$loading-skeleton-spacer;
         height: 100%;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
       }
     }