added properties to fix layout on ipad

Expensify · Dec 6, 2021 · afdc4b4 · afdc4b4
1 parent b31eb39
commit afdc4b4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/components/SVGImage/index.js b/src/components/SVGImage/index.js
@@ -7,6 +7,7 @@ const SVGImage = props => (
     <Image
         style={StyleUtils.getWidthAndHeightStyle(props.width, props.height)}
         source={props.src}
+        resizeMode={props.resizeMode}
     />
 );
 

diff --git a/src/components/SVGImage/propTypes.js b/src/components/SVGImage/propTypes.js
@@ -9,6 +9,9 @@ const propTypes = {
 
     /** The height of the image. */
     height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+
+    /** The resize mode of the image. */
+    resizeMode: PropTypes.oneOf('cover', 'contain', 'stretch', 'repeat', 'center'),
 };
 
 export default propTypes;
diff --git a/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js b/src/pages/signin/SignInPageLayout/SignInPageLayoutWide.js
@@ -73,6 +73,7 @@ const SignInPageLayoutWide = props => (
                     width="100%"
                     height="100%"
                     src={backgroundStyle.backgroundImageUri}
+                    resizeMode={props.isMediumScreenWidth ? 'contain' : 'cover'}
                 />
             </View>
         </View>