Changed Styles and Screen Size for Mobile Device #59

Merged
MantashaNoyela merged 5 commits from MantashaNoyela/22 into main 2025-03-18 15:11:30 -07:00
Showing only changes of commit 68a91a32ad - Show all commits

View File

@ -89,24 +89,28 @@ const IndexScreen: React.FC = () => {
return ( return (
<PokerAppUi darkMode={lightGrayMode}> <PokerAppUi darkMode={lightGrayMode}>
<ScrollView <ScrollView
style={styles.scrollView} /*style={styles.scrollView}
contentContainerStyle={styles.scrollViewContent} contentContainerStyle={styles.scrollViewContent}*/
style={{ flex: 1 }}
contentContainerStyle={{ paddingHorizontal: 15, paddingBottom: 30 }}
> >
<Section {isSettingsVisible && (
title={i18n.t("appearance")} <Section
iconName={"brightness-4"} title={i18n.t("appearance")}
orientation="row" iconName={"brightness-4"}
> orientation="row"
<Button >
title={ <Button
lightGrayMode title={
? i18n.t("switch_to_light_mode") lightGrayMode
: i18n.t("switch_to_gray_mode") ? i18n.t("switch_to_light_mode")
} : i18n.t("switch_to_gray_mode")
onPress={() => setLightGrayMode(!lightGrayMode)} }
darkMode={lightGrayMode} onPress={() => setLightGrayMode(!lightGrayMode)}
/> darkMode={lightGrayMode}
</Section> />
</Section>
)}
{isSettingsVisible && ( {isSettingsVisible && (
<Section <Section