prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update terms, dont make icons into links. User taps the download button to toggle

Browse source
This commit is contained in:
Jackson Harper 2022-03-28 11:56:27 -07:00
parent 659d931cd3
commit b4cee4d5f2
1 changed files with 31 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
packages/web/components/elements/MobileInstallHelp.tsx
View file

@ -24,11 +24,11 @@ export default function MobileInstallHelp(): JSX.Element {
icon: <Desktop color="#F9D354" />,
},
{
label: 'Available for Tablet',
label: 'Available for iPad',
icon: <DeviceTabletSpeaker color="#F9D354" />,
},
{
label: 'Available for Phone',
label: 'Available for iPhone',
icon: <DeviceMobileCamera color="#F9D354" />,
},
]
@ -211,39 +211,37 @@ export default function MobileInstallHelp(): JSX.Element {
ml: '$1',
}}
>
<Link href="/install/apple" passHref>
<StyledAnchor
onClick={() => setSelectedTooltip(item.label)}
css={{
mx: 'auto',
borderRadius: '50%',
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center',
height: 35,
width: 35,
cursor: 'pointer',
backgroundColor: '$tooltipIcons',
...(selectedTooltip !== item.label && {
filter: 'grayscale(1)',
}),
'&:focus': {
<StyledAnchor
onClick={() => setSelectedTooltip(item.label)}
css={{
mx: 'auto',
borderRadius: '50%',
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center',
height: 35,
width: 35,
cursor: 'pointer',
backgroundColor: '$tooltipIcons',
...(selectedTooltip !== item.label && {
filter: 'grayscale(1)',
}),
'&:focus': {
filter: 'grayscale(0)',
},
'&:active': {
filter: 'grayscale(0)',
},
'@lg': {
transition: 'filter .3s linear',
'&:hover': {
filter: 'grayscale(0)',
},
'&:active': {
filter: 'grayscale(0)',
},
'@lg': {
transition: 'filter .3s linear',
'&:hover': {
filter: 'grayscale(0)',
},
},
}}
>
{item.icon}
</StyledAnchor>
</Link>
},
}}
>
{item.icon}
</StyledAnchor>
</Box>
</TooltipWrapped>
))}