diff --git a/src/assets/splash-mesh-bg-mobile.png b/src/assets/splash-mesh-bg-mobile.png new file mode 100644 index 000000000..6c46c7d28 Binary files /dev/null and b/src/assets/splash-mesh-bg-mobile.png differ diff --git a/src/views/Splash/Splash.styles.tsx b/src/views/Splash/Splash.styles.tsx index 72ae4f3ab..9b563d75e 100644 --- a/src/views/Splash/Splash.styles.tsx +++ b/src/views/Splash/Splash.styles.tsx @@ -3,6 +3,7 @@ import { Text } from "components/Text"; import { Link } from "react-router-dom"; import { QUERIESV2 } from "utils"; import BGMesh from "assets/splash-mesh-bg.svg"; +import BGMeshMobile from "assets/splash-mesh-bg-mobile.png"; export const ExternalWrapper = styled.div` background: url(${BGMesh}); @@ -12,6 +13,8 @@ export const ExternalWrapper = styled.div` padding-top: 72px; @media ${QUERIESV2.sm.andDown} { + background: url(${BGMeshMobile}); + margin-top: -64px; padding-top: 64px; }