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

Correct highlight bar css object conditional.

Browse source
This commit is contained in:
Rahul Tripathi 2023-06-23 03:23:01 +05:30
parent cc27a8e373
commit 09abc46102
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
packages/web/components/patterns/HighlightBar.tsx
View file

@ -43,19 +43,19 @@ export function HighlightBar(props: HighlightBarProps): JSX.Element {
borderRadius: '4px',
border: '1px solid $grayBorder',
boxShadow: theme.shadows.cardBoxShadow.toString(),
bottom: props.displayAtBottom
? 'calc(38px + env(safe-area-inset-bottom, 40px))'
: undefined,
'@smDown': props.displayAtBottom
? {
maxWidth: '85%',
bottom: `calc(28px + ${
isAndroid() ? 30 : 0
}px + env(safe-area-inset-bottom, 40px))`,
}
: undefined,
left: props.displayAtBottom ? undefined : props.anchorCoordinates.pageX,
top: props.displayAtBottom ? undefined : props.anchorCoordinates.pageY,
...(props.displayAtBottom && {
bottom: 'calc(38px + env(safe-area-inset-bottom, 40px))',
}),
...(props.displayAtBottom && {
'@smDown': {
maxWidth: '85%',
bottom: `calc(28px + ${
isAndroid() ? 30 : 0
}px + env(safe-area-inset-bottom, 40px))`,
},
}),
...(!props.displayAtBottom && { left: props.anchorCoordinates.pageX }),
...(!props.displayAtBottom && { top: props.anchorCoordinates.pageY }),
}}
>
<BarContent {...props} />