From ede60b21eeb7df01394337e8c1f0c2151b93143b Mon Sep 17 00:00:00 2001 From: gitstart-omnivore Date: Mon, 16 May 2022 21:47:07 +0000 Subject: [PATCH 1/5] Fixed icon being cropped --- packages/web/components/elements/MobileInstallHelp.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index c5102293d..40f06cd26 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -39,7 +39,7 @@ export default function MobileInstallHelp({ }, ] - const iosContainerStyles = { width: '100%', height: !onboarding ? '37px' : '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'} + const iosContainerStyles = { width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'} return ( Date: Mon, 16 May 2022 23:19:24 +0000 Subject: [PATCH 2/5] Made fixes to MobileInstallHelp component --- packages/web/components/elements/MobileInstallHelp.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index 40f06cd26..cf5a2732e 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -166,14 +166,13 @@ export default function MobileInstallHelp({ color: '$grayTextContrast', fontSize: '14px', fontWeight: 600, - display: 'none', '@lg': { display: 'initial', textDecoration: 'underline', }, }} > - Learn more about the share extension here. + Learn more about the iOS app -> )} From 06bffa5060704777e6fd0cf8dc29e6c15cd9c527 Mon Sep 17 00:00:00 2001 From: gitstart-omnivore Date: Mon, 16 May 2022 23:27:37 +0000 Subject: [PATCH 3/5] Added underline --- packages/web/components/elements/MobileInstallHelp.tsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index cf5a2732e..ab71b6fd9 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -166,10 +166,7 @@ export default function MobileInstallHelp({ color: '$grayTextContrast', fontSize: '14px', fontWeight: 600, - '@lg': { - display: 'initial', - textDecoration: 'underline', - }, + textDecoration: 'underline', }} > Learn more about the iOS app -> From c6fd8bcf4a6b8ac9ac7cd68bb5e34d0a2052e4f2 Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Mon, 23 May 2022 12:09:07 -0700 Subject: [PATCH 4/5] Add some padding on appstore install button --- packages/web/components/elements/MobileInstallHelp.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index ab71b6fd9..b6930339c 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -39,7 +39,7 @@ export default function MobileInstallHelp({ }, ] - const iosContainerStyles = { width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'} + const iosContainerStyles = { marginTop: '12px', width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'} return ( Date: Mon, 23 May 2022 12:09:28 -0700 Subject: [PATCH 5/5] Remove unused learn more link, this is lowered to under the description text --- .../components/elements/MobileInstallHelp.tsx | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx index b6930339c..8680fcb09 100644 --- a/packages/web/components/elements/MobileInstallHelp.tsx +++ b/packages/web/components/elements/MobileInstallHelp.tsx @@ -100,22 +100,6 @@ export default function MobileInstallHelp({ }, }} > - - - Learn more - -