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

create explicit relationship between values

Browse source
This commit is contained in:
Eric Bailey 2023-07-18 15:18:56 -05:00
parent 17deaaa7e7
commit 1ca5792165
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/view/shell/Composer.web.tsx
View file

@ -5,6 +5,7 @@ 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'
export const Composer = observer( export const Composer = observer(
({ ({
@ -62,8 +63,8 @@ const styles = StyleSheet.create({
paddingVertical: 0, paddingVertical: 0,
paddingHorizontal: 2, paddingHorizontal: 2,
borderRadius: isMobileWeb ? 0 : 8, borderRadius: isMobileWeb ? 0 : 8,
marginBottom: isMobileWeb ? '61px' : 0, marginBottom: isMobileWeb ? BOTTOM_BAR_HEIGHT : 0,
borderWidth: 1, borderWidth: 1,
maxHeight: isMobileWeb ? 'calc(100% - 61px)' : 'calc(100% - (40px * 2))', maxHeight: isMobileWeb ? `calc(100% - ${BOTTOM_BAR_HEIGHT}px)` : 'calc(100% - (40px * 2))',
}, },
}) })

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

@ -1,8 +1,11 @@
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,