aligned logo and tutorial onboarding images

CirclesUBI · May 3, 2024 · 5deb19b · 5deb19b
1 parent 004b2bf
commit 5deb19b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/components/Logo.js b/src/components/Logo.js
@@ -16,7 +16,7 @@ const Logo = ({ size = 'default' }) => {
     <Box textAlign="center">
       <CirclesLogoSVG
         height={sizes[size]}
-        viewport="0 0 172 172"
+        viewBox={'0 0 236 236'}
         width={sizes[size]}
       />
     </Box>

diff --git a/src/views/TutorialOnboarding.js b/src/views/TutorialOnboarding.js
@@ -17,17 +17,29 @@ const TutorialOnboarding = (props) => {
 
   const slides = [
     {
-      image: <img src={TourUnconditionalIncome} />,
+      image: (
+        <img
+          src={TourUnconditionalIncome}
+          style={{ width: '145px', height: '145px' }}
+        />
+      ),
       heading: translate('TutorialOnboarding.headingUnconditionalIncome'),
       body: <TutorialOnboardingSlideOne />,
     },
     {
-      image: <img src={TourWebOfTrust} />,
+      image: (
+        <img src={TourWebOfTrust} style={{ width: '145px', height: '145px' }} />
+      ),
       heading: translate('TutorialOnboarding.headingWebOfTrust'),
       body: translate('TutorialOnboarding.bodyWebOfTrust'),
     },
     {
-      image: <img src={TourBuildYourOwnEconomy} />,
+      image: (
+        <img
+          src={TourBuildYourOwnEconomy}
+          style={{ width: '145px', height: '145px' }}
+        />
+      ),
       heading: translate('TutorialOnboarding.headingBuildYourOwnEconomy'),
       body: translate('TutorialOnboarding.bodyBuildYourOwnEconomy'),
     },