Shell bars
This commit is contained in:
@@ -134,7 +134,8 @@ function FeedsTabBarTablet(
|
|||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
tabBar: {
|
tabBar: {
|
||||||
position: 'absolute',
|
// @ts-ignore Web only
|
||||||
|
position: 'fixed',
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
// @ts-ignore Web only -prf
|
// @ts-ignore Web only -prf
|
||||||
left: 'calc(50% - 299px)',
|
left: 'calc(50% - 299px)',
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ export function FeedsTabBar(
|
|||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
tabBar: {
|
tabBar: {
|
||||||
position: 'absolute',
|
position: isWeb ? 'fixed' : 'absolute',
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
left: 0,
|
left: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
|
|||||||
@@ -37,6 +37,7 @@ export function BottomBarWeb() {
|
|||||||
pal.border,
|
pal.border,
|
||||||
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
|
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
|
||||||
footerMinimalShellTransform,
|
footerMinimalShellTransform,
|
||||||
|
{position: 'fixed'},
|
||||||
]}>
|
]}>
|
||||||
<NavItem routeName="Home" href="/">
|
<NavItem routeName="Home" href="/">
|
||||||
{({isActive}) => {
|
{({isActive}) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user