fix: update no mobile ui

Peersyst · Sep 20, 2024 · 2914244 · 2914244
1 parent 438930d
commit 2914244
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/site/src/ui/assets/images/nomobile.png b/packages/site/src/ui/assets/images/nomobile.png
diff --git a/packages/site/src/ui/common/components/feedback/Ripple/Ripple.tsx b/packages/site/src/ui/common/components/feedback/Ripple/Ripple.tsx
@@ -21,7 +21,7 @@ const RIPPLE_CONFIG = {
     mainCircleSize: 200,
     mainCircleOpacity: 0.24,
     numCircles: 6,
-    top: '46.5%',
+    top: '48.5%',
   },
 };
 

diff --git a/packages/site/src/ui/common/pages/DesktopOnlyPage/DesktopOnlyPage.styles.tsx b/packages/site/src/ui/common/pages/DesktopOnlyPage/DesktopOnlyPage.styles.tsx
@@ -12,7 +12,7 @@ export const DesktopOnlyPageRoot = styled(Col)(
     width: 100%;
     justify-content: center;
     .SnapLogoNoMobile {
-      width: 85vw;
+      width: 50vw;
     }
     .RippleCircle {
       z-index: -1;

diff --git a/packages/site/src/ui/common/pages/DesktopOnlyPage/DesktopOnlyPage.tsx b/packages/site/src/ui/common/pages/DesktopOnlyPage/DesktopOnlyPage.tsx
@@ -16,9 +16,9 @@ function DesktopOnlyPage({ className, ...rest }: DesktopOnlyPageProps) {
   return (
     <DesktopOnlyPageRoot className={clsx('DesktopOnlyPage', className)} {...rest}>
       <Ripple mobile />
-      <Col alignItems="center">
+      <Col gap="1.5rem" alignItems="center">
         <Image className="SnapLogoNoMobile" src={nomobile} alt="no-mobile" />
-        <Col css={{ maxWidth: '70vw', marginTop: '-2rem' }} gap="0.5rem">
+        <Col css={{ maxWidth: '70vw' }} gap="0.5rem">
           <Typography variant="h3" textAlign="center">
             {translate('snapOnlyAvailableInDesktop')}
           </Typography>