diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index 422d986a73..d7121fde98 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/src/view/com/pager/TabBar.tsx
@@ -10,7 +10,7 @@ import {StyleSheet, View, ScrollView} from 'react-native'
import {Text} from '../util/text/Text'
import {PressableWithHover} from '../util/PressableWithHover'
import {usePalette} from 'lib/hooks/usePalette'
-import {isDesktopWeb} from 'platform/detection'
+import {isDesktopWeb, isMobileWeb} from 'platform/detection'
import {DraggableScrollView} from './DraggableScrollView'
export interface TabBarProps {
@@ -132,14 +132,15 @@ const styles = isDesktopWeb
backgroundColor: 'transparent',
},
contentContainer: {
- columnGap: 20,
- marginLeft: 18,
- paddingRight: 36,
+ columnGap: isMobileWeb ? 0 : 20,
+ marginLeft: isMobileWeb ? 0 : 18,
+ paddingRight: isMobileWeb ? 0 : 36,
backgroundColor: 'transparent',
},
item: {
paddingTop: 10,
paddingBottom: 10,
+ paddingHorizontal: isMobileWeb ? 8 : 0,
borderBottomWidth: 3,
borderBottomColor: 'transparent',
},
diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx
index b7daac5af8..cbaafd1fdf 100644
--- a/src/view/shell/bottom-bar/BottomBarWeb.tsx
+++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx
@@ -15,6 +15,8 @@ import {
HomeIconSolid,
MagnifyingGlassIcon2,
MagnifyingGlassIcon2Solid,
+ SatelliteDishIcon,
+ SatelliteDishIconSolid,
UserIcon,
} from 'lib/icons'
import {Link} from 'view/com/util/Link'
@@ -61,6 +63,18 @@ export const BottomBarWeb = observer(() => {
)
}}
+
+ {({isActive}) => {
+ const Icon = isActive ? SatelliteDishIconSolid : SatelliteDishIcon
+ return (
+
+ )
+ }}
+
{({isActive}) => {
const Icon = isActive ? BellIconSolid : BellIcon