From 6ff4de3aa9601555dec0379463def190c98dbd7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Wed, 26 Jan 2022 18:17:23 +0000
Subject: [PATCH] feat: change arrows color and img size

---
 new-lamassu-admin/src/components/Carousel.js   | 18 ++++++++----------
 .../icons/arrow/carousel-left-arrow.svg        |  2 +-
 .../icons/arrow/carousel-right-arrow.svg       |  2 +-
 3 files changed, 10 insertions(+), 12 deletions(-)

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 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="13px" height="33px" viewBox="0 0 13 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Simple-Arrow-White" fill="#FFFFFF" fill-rule="nonzero" points="12.1912718 1.56064837 10.8306233 0.395663059 0.196798664 16.2200463 10.8250965 32.3956631 12.1967987 31.2473125 2.33241023 16.233075"></polygon>
+        <polygon id="Simple-Arrow-White" fill="#1b2559" fill-rule="nonzero" points="12.1912718 1.56064837 10.8306233 0.395663059 0.196798664 16.2200463 10.8250965 32.3956631 12.1967987 31.2473125 2.33241023 16.233075"></polygon>
     </g>
 </svg>
\ 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 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="15px" height="34px" viewBox="0 0 15 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group-2-Copy" transform="translate(1.000000, 1.000000)" stroke="#FFFFFF" stroke-width="2">
+        <g id="Group-2-Copy" transform="translate(1.000000, 1.000000)" stroke="#1b2559" stroke-width="2">
             <polyline id="Path-4-Copy" points="0 0 12 15.8202247 0 32"></polyline>
         </g>
     </g>