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

Fix mobile layout at least for mobile web

zio/stable
Jaz 2023-05-16 23:11:29 -07:00
parent 85dfef87ab
commit f4327aff69
1 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/view/shell/Drawer.tsx
View File

@ -294,35 +294,33 @@ export const DrawerContent = observer(() => {
</View> </View>
<View style={s.flex1} /> <View style={s.flex1} />
<View style={styles.footer}> <View style={styles.footer}>
{!isWeb && ( <View>
<View> <Text type="sm" style={[pal.textLight, styles.colorModeText]}>
<Text type="sm" style={[pal.textLight, styles.colorModeText]}> Set color theme
Set color theme </Text>
</Text> <View style={styles.selectableBtns}>
<View style={styles.selectableBtns}> <SelectableBtn
<SelectableBtn current={store.shell.colorMode}
current={store.shell.colorMode} value="system"
value="system" label="System"
label="System" left
left onChange={onColorModePress}
onChange={onColorModePress} />
/> <SelectableBtn
<SelectableBtn current={store.shell.colorMode}
current={store.shell.colorMode} value="light"
value="light" label="Light"
label="Light" onChange={onColorModePress}
onChange={onColorModePress} />
/> <SelectableBtn
<SelectableBtn current={store.shell.colorMode}
current={store.shell.colorMode} value="dark"
value="dark" label="Dark"
label="Dark" right
right onChange={onColorModePress}
onChange={onColorModePress} />
/>
</View>
</View> </View>
)} </View>
<TouchableOpacity <TouchableOpacity
accessibilityRole="link" accessibilityRole="link"
accessibilityLabel="Send feedback" accessibilityLabel="Send feedback"
@ -596,7 +594,8 @@ const styles = StyleSheet.create({
}, },
footer: { footer: {
flexDirection: 'row', flexDirection: 'column',
rowGap: 10,
justifyContent: 'space-between', justifyContent: 'space-between',
paddingRight: 30, paddingRight: 30,
paddingTop: 20, paddingTop: 20,