diff options
| -rw-r--r-- | src/view/shell/Drawer.tsx | 57 |
1 files changed, 28 insertions, 29 deletions
diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index 2c7c65247..aad382121 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -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, |