Carousel: Always center image (#106468)

always center image
2025-06-10 11:29:39 +01:00
parent 010fd4240f
commit 9655dc6ab6
1 changed files with 6 additions and 1 deletions
@@ -143,7 +143,7 @@ export const Carousel: React.FC<CarouselProps> = ({ images }) => {
                data-testid="previous-button"
              />

-              <div data-testid="carousel-full-image">
+              <div className={styles.imageContainer} data-testid="carousel-full-image">
                <img
                  className={styles.imagePreview}
                  src={validImages[selectedIndex].path}
@@ -171,6 +171,11 @@ const getStyles = (theme: GrafanaTheme2) => ({
  imageButton: css({
    textAlign: 'left',
  }),
+  imageContainer: css({
+    display: 'flex',
+    justifyContent: 'center',
+    flex: 1,
+  }),
  imagePreview: css({
    maxWidth: '100%',
    maxHeight: '80vh',