fix load latest btn position

This commit is contained in:
Samuel Newman
2024-03-31 16:15:02 -07:00
parent 3fe97aab66
commit 5d8a302880
@@ -11,7 +11,7 @@ import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
import {colors} from 'lib/styles' import {colors} from 'lib/styles'
const AnimatedTouchableOpacity = const AnimatedTouchableOpacity =
Animated.createAnimatedComponent(TouchableOpacity) Animated.createAnimatedComponent(TouchableOpacity)
import {isWeb} from 'platform/detection' import {isNativeTablet, isWeb} from 'platform/detection'
import {useSession} from 'state/session' import {useSession} from 'state/session'
export function LoadLatestBtn({ export function LoadLatestBtn({
@@ -33,7 +33,9 @@ export function LoadLatestBtn({
// Adjust height of the fab if we have a session only on mobile web. If we don't have a session, we want to adjust // Adjust height of the fab if we have a session only on mobile web. If we don't have a session, we want to adjust
// it on both tablet and mobile since we are showing the bottom bar (see createNativeStackNavigatorWithAuth) // it on both tablet and mobile since we are showing the bottom bar (see createNativeStackNavigatorWithAuth)
const showBottomBar = hasSession ? isMobile : isTabletOrMobile const showBottomBar = hasSession
? isMobile || isNativeTablet
: isTabletOrMobile
return ( return (
<AnimatedTouchableOpacity <AnimatedTouchableOpacity
@@ -43,7 +45,7 @@ export function LoadLatestBtn({
(isTallViewport (isTallViewport
? styles.loadLatestOutOfLine ? styles.loadLatestOutOfLine
: styles.loadLatestInline), : styles.loadLatestInline),
isTablet && styles.loadLatestInline, isTablet && !isNativeTablet && styles.loadLatestInline,
pal.borderDark, pal.borderDark,
pal.view, pal.view,
showBottomBar && fabMinimalShellTransform, showBottomBar && fabMinimalShellTransform,