diff --git a/new-lamassu-admin/src/components/Carousel.js b/new-lamassu-admin/src/components/Carousel.js index 35f4ef20..5e0475aa 100644 --- a/new-lamassu-admin/src/components/Carousel.js +++ b/new-lamassu-admin/src/components/Carousel.js @@ -10,13 +10,12 @@ const useStyles = makeStyles({ imgWrapper: { alignItems: 'center', justifyContent: 'center', - display: 'flex', - width: 550 + display: 'flex' }, imgInner: { objectFit: 'cover', objectPosition: 'center', - width: 550, + width: 500, marginBottom: 40 } }) @@ -33,17 +32,16 @@ export const Carousel = memo(({ photosData, slidePhoto }) => { style: { backgroundColor: 'transparent', borderRadius: 0, - width: 50, color: 'transparent', opacity: 1 } }} - // navButtonsWrapperProps={{ - // style: { - // background: 'linear-gradient(to right, black 10%, transparent 80%)', - // opacity: '0.4' - // } - // }} + navButtonsWrapperProps={{ + style: { + marginLeft: -22, + marginRight: -22 + } + }} autoPlay={false} indicators={false} navButtonsAlwaysVisible={true} diff --git a/new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg b/new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg index b4ccda85..e6518d3f 100644 --- a/new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg +++ b/new-lamassu-admin/src/styling/icons/arrow/carousel-left-arrow.svg @@ -1,6 +1,6 @@ - + \ No newline at end of file diff --git a/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg b/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg index 2f2f4f2f..3f812933 100644 --- a/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg +++ b/new-lamassu-admin/src/styling/icons/arrow/carousel-right-arrow.svg @@ -1,7 +1,7 @@ - +