zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Hotfix mobile web styling issues (#1039) 

* remove hardcoded height for bottom bar

* prevent overflow of tab bar on mobile web
zio/stable
Ansh 2023-07-19 15:00:40 -07:00 committed by GitHub
parent 302490cb31
commit 3517d9fa28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/view/com/pager/TabBar.tsx
View File

@ -117,6 +117,7 @@ const styles = isDesktopWeb
flex: 1, flex: 1,
flexDirection: 'row', flexDirection: 'row',
backgroundColor: 'transparent', backgroundColor: 'transparent',
maxWidth: '100%',
}, },
contentContainer: { contentContainer: {
columnGap: isMobileWeb ? 0 : 20, columnGap: isMobileWeb ? 0 : 20,

3
src/view/shell/Composer.web.tsx
View File

@ -5,7 +5,8 @@ import {ComposePost} from '../com/composer/Composer'
import {ComposerOpts} from 'state/models/ui/shell' import {ComposerOpts} from 'state/models/ui/shell'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {isMobileWeb} from 'platform/detection' import {isMobileWeb} from 'platform/detection'
import {BOTTOM_BAR_HEIGHT} from 'view/shell/bottom-bar/BottomBarStyles'
const BOTTOM_BAR_HEIGHT = 61
export const Composer = observer( export const Composer = observer(
({ ({

3
src/view/shell/bottom-bar/BottomBarStyles.tsx
View File

@ -1,11 +1,8 @@
import {StyleSheet} from 'react-native' import {StyleSheet} from 'react-native'
import {colors} from 'lib/styles' import {colors} from 'lib/styles'
export const BOTTOM_BAR_HEIGHT = 61
export const styles = StyleSheet.create({ export const styles = StyleSheet.create({
bottomBar: { bottomBar: {
height: BOTTOM_BAR_HEIGHT,
position: 'absolute', position: 'absolute',
bottom: 0, bottom: 0,
left: 0, left: 0,