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

View File

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