feat(dynamic-branding): SVG branding image needs to cover the entire screen (#11724)

* feat(dynamic-branding) scale SVG branding image to cover entire screen
This commit is contained in:
Calinteodor 2022-06-21 17:51:25 +03:00 committed by GitHub
parent 44a9363f5b
commit e77679d025
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions

View File

@ -33,8 +33,16 @@ const BrandingImageBackground: React.FC<Props> = ({ uri }:Props) => {
= (
<SvgUri
height = '100%'
// Force uniform scaling.
// Align the <min-x> of the element's viewBox
// with the smallest X value of the viewport.
// Align the <min-y> of the element's viewBox
// with the smallest Y value of the viewport.
preserveAspectRatio = 'xMinYMin'
style = { styles.brandingImageBackgroundSvg }
uri = { imgSrc }
viewBox = '0 0 400 650'
width = '100%' />
);
} else {