diff options
| author | Jaz <ericvolp12@gmail.com> | 2023-05-16 23:11:29 -0700 |
|---|---|---|
| committer | Jaz <ericvolp12@gmail.com> | 2023-05-16 23:11:29 -0700 |
| commit | f4327aff69acbe8a6af744efb083df8b34e2de9d (patch) | |
| tree | 169697b3f2b3a792ed475940f0ec5c34663a14ac /src/view/shell/Drawer.tsx | |
| parent | 85dfef87ab8be42016fb146b4cc2fe0589a83fb1 (diff) | |
| download | voidsky-f4327aff69acbe8a6af744efb083df8b34e2de9d.tar.zst | |
Fix mobile layout at least for mobile web
Diffstat (limited to 'src/view/shell/Drawer.tsx')
| -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, |