diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx
index eedde7b87..a9e03ae16 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
-
-
- Install Omnivore for iOS
+ Install Omnivore iOS
- Learn more about the share extension here.
+ Learn more about the iOS app ->
)}
@@ -186,7 +166,7 @@ export default function MobileInstallHelp({
alignItems: 'center',
gridColumn: '1 / span 2',
justifyContent: !onboarding ? 'space-between' : 'center',
- mt: !onboarding ? 'inherit' : 10,
+ mt: '10px',
'@lg': {
flexDirection: !onboarding ? 'row-reverse' : 'column-reverse',
alignItems: !onboarding ? 'center' : 'flex-end',
diff --git a/packages/web/components/patterns/PrimaryHeader.tsx b/packages/web/components/patterns/PrimaryHeader.tsx
index 55a535034..084b8512e 100644
--- a/packages/web/components/patterns/PrimaryHeader.tsx
+++ b/packages/web/components/patterns/PrimaryHeader.tsx
@@ -14,15 +14,13 @@ import { useKeyboardShortcuts } from '../../lib/keyboardShortcuts/useKeyboardSho
import { primaryCommands } from '../../lib/keyboardShortcuts/navigationShortcuts'
import { UserBasicData } from '../../lib/networking/queries/useGetViewerQuery'
import { setupAnalytics } from '../../lib/analytics'
-import { Button } from '../elements/Button'
-import Link from 'next/link'
type HeaderProps = {
user?: UserBasicData
userInitials: string
hideHeader?: boolean
profileImageURL?: string
- isFixedPosition: boolean
+ isTransparent: boolean
scrollElementRef?: React.RefObject
toolbarControl?: JSX.Element
alwaysDisplayToolbar?: boolean
@@ -125,11 +123,10 @@ export function PrimaryHeader(props: HeaderProps): JSX.Element {
<>
@@ -145,7 +142,7 @@ type NavHeaderProps = {
profileImageURL?: string
isDisplayingShadow?: boolean
isVisible?: boolean
- isFixedPosition: boolean
+ isTransparent: boolean
toolbarControl?: JSX.Element
alwaysDisplayToolbar?: boolean
}
@@ -166,7 +163,7 @@ function NavHeader(props: NavHeaderProps): JSX.Element {
p: '0px $3 0px $3',
height: '48px',
position: 'fixed',
- bg: 'transparent',
+ bg: props.isTransparent ? 'transparent' : '$grayBase',
'@smDown': {
p: '0px 18px 0px 16px',
},
diff --git a/packages/web/components/templates/PrimaryLayout.tsx b/packages/web/components/templates/PrimaryLayout.tsx
index e077a3dbf..973529cf3 100644
--- a/packages/web/components/templates/PrimaryLayout.tsx
+++ b/packages/web/components/templates/PrimaryLayout.tsx
@@ -75,7 +75,7 @@ export function PrimaryLayout(props: PrimaryLayoutProps): JSX.Element {
hideHeader={props.hideHeader}
userInitials={viewerData?.me?.name.charAt(0) ?? ''}
profileImageURL={viewerData?.me?.profile.pictureUrl}
- isFixedPosition={true}
+ isTransparent={true}
scrollElementRef={props.scrollElementRef}
toolbarControl={props.headerToolbarControl}
alwaysDisplayToolbar={props.alwaysDisplayToolbar}
diff --git a/packages/web/components/templates/SettingsLayout.tsx b/packages/web/components/templates/SettingsLayout.tsx
index c2df14f0d..15d381bf3 100644
--- a/packages/web/components/templates/SettingsLayout.tsx
+++ b/packages/web/components/templates/SettingsLayout.tsx
@@ -1,6 +1,4 @@
-import Link from 'next/link'
-import { HStack, VStack, Box } from '../elements/LayoutPrimitives'
-import { StyledText } from '../elements/StyledText'
+import { Box } from '../elements/LayoutPrimitives'
import { useGetViewerQuery } from '../../lib/networking/queries/useGetViewerQuery'
import { PrimaryHeader } from '../patterns/PrimaryHeader'
import { navigationCommands } from '../../lib/keyboardShortcuts/navigationShortcuts'
@@ -46,7 +44,7 @@ export function SettingsLayout(props: SettingsLayoutProps): JSX.Element {