fix: use optimized mobile bg image splash (#869)

across-protocol · Oct 12, 2023 · 0124480 · 0124480 · vercel · Oct 12, 2023
1 parent 843a516
commit 0124480
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/assets/splash-mesh-bg-mobile.png b/src/assets/splash-mesh-bg-mobile.png
diff --git 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;
   }