robinwobin.dev / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

Hotfix mobile web styling issues (#1039)

* remove hardcoded height for bottom bar

* prevent overflow of tab bar on mobile web

authored by

Ansh and committed by
GitHub 3517d9fa 302490cb

+3 -4
+1
src/view/com/pager/TabBar.tsx
··· 117 117 flex: 1, 118 118 flexDirection: 'row', 119 119 backgroundColor: 'transparent', 120 + maxWidth: '100%', 120 121 }, 121 122 contentContainer: { 122 123 columnGap: isMobileWeb ? 0 : 20,
+2 -1
src/view/shell/Composer.web.tsx
··· 5 5 import {ComposerOpts} from 'state/models/ui/shell' 6 6 import {usePalette} from 'lib/hooks/usePalette' 7 7 import {isMobileWeb} from 'platform/detection' 8 - import {BOTTOM_BAR_HEIGHT} from 'view/shell/bottom-bar/BottomBarStyles' 8 + 9 + const BOTTOM_BAR_HEIGHT = 61 9 10 10 11 export const Composer = observer( 11 12 ({
-3
src/view/shell/bottom-bar/BottomBarStyles.tsx
··· 1 1 import {StyleSheet} from 'react-native' 2 2 import {colors} from 'lib/styles' 3 3 4 - export const BOTTOM_BAR_HEIGHT = 61 5 - 6 4 export const styles = StyleSheet.create({ 7 5 bottomBar: { 8 - height: BOTTOM_BAR_HEIGHT, 9 6 position: 'absolute', 10 7 bottom: 0, 11 8 left: 0,