| 1 | import { UiSettingsSyncSection } from "./UiSettingsSyncSection"; |
| 2 | import { ScreenScrollView as ScrollView } from "../../components/ScreenScrollView"; |
| 3 | import { useSafeAreaInsets } from "react-native-safe-area-context"; |
| 4 | |
| 5 | import { SettingsScreen } from "./components/SettingsScreen"; |
| 6 | import { CodeAppearanceSection } from "./appearance/sections/CodeAppearanceSection"; |
| 7 | import { TerminalAppearanceSection } from "./appearance/sections/TerminalAppearanceSection"; |
| 8 | import { TextAppearanceSection } from "./appearance/sections/TextAppearanceSection"; |
| 9 | import { ThemeAppearanceSection } from "./appearance/sections/ThemeAppearanceSection"; |
| 10 | |
| 11 | export function SettingsAppearanceRouteScreen() { |
| 12 | const insets = useSafeAreaInsets(); |
| 13 | |
| 14 | return ( |
| 15 | <SettingsScreen title="Appearance"> |
| 16 | <ScrollView |
| 17 | contentInsetAdjustmentBehavior="automatic" |
| 18 | showsVerticalScrollIndicator={false} |
| 19 | className="flex-1" |
| 20 | contentContainerClassName="gap-6 px-5 pt-4" |
| 21 | contentContainerStyle={{ |
| 22 | paddingBottom: Math.max(insets.bottom, 18) + 18, |
| 23 | }} |
| 24 | > |
| 25 | <UiSettingsSyncSection /> |
| 26 | <ThemeAppearanceSection /> |
| 27 | <TextAppearanceSection /> |
| 28 | <TerminalAppearanceSection /> |
| 29 | <CodeAppearanceSection /> |
| 30 | </ScrollView> |
| 31 | </SettingsScreen> |
| 32 | ); |
| 33 | } |