fix #917 Carousel images size only horizontally

DominoKit · Apr 14, 2024 · efda29b · efda29b
1 parent d04ed12
commit efda29b
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/...ources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css b/...ources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css
@@ -33,6 +33,9 @@
     position: relative;
     width: 100%;
     overflow: hidden;
+    display: flex;
+    justify-content: center;
+    max-height: 100%;
 }
 
 .dui-carousel-inner>.dui-slide {
@@ -99,6 +102,9 @@
     position: absolute;
     top: 0;
     width: 100%;
+    height: 100%;
+    margin: auto;
+    object-fit: contain;
 }
 
 .dui-carousel-inner>.dui-slide-next {
@@ -129,9 +135,11 @@
     display: block;
     max-width: 100%;
     width: 100%;
-    height: auto;
+    height: 100%;
     vertical-align: middle;
     border: 0;
+    margin: auto;
+    object-fit: contain;
 }
 
 .dui-carousel-control {