Merge pull request #1073 from josepfo/feat/get-photo-roll-up-to-spec

feat: change arrows color and img size

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}

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>

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>