Fix error screen not scrollable on Electron

This commit is contained in:
Mohamed Boudra
2026-04-10 10:45:10 +07:00
parent edd5503fe8
commit a692c616cb
@@ -38,6 +38,28 @@ const styles = StyleSheet.create((theme) => ({
justifyContent: "flex-start", justifyContent: "flex-start",
paddingTop: theme.spacing[16], paddingTop: theme.spacing[16],
}, },
errorScreen: {
position: "relative",
flex: 1,
backgroundColor: theme.colors.surface0,
},
errorScrollView: {
flex: 1,
...(Platform.OS === "web"
? {
overflowX: "auto",
overflowY: "auto",
}
: null),
},
errorScrollContent: {
flexGrow: 1,
alignItems: "center",
justifyContent: "flex-start",
paddingHorizontal: theme.spacing[8],
paddingVertical: theme.spacing[8],
paddingTop: theme.spacing[16],
},
centeredContent: { centeredContent: {
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
@@ -255,8 +277,13 @@ export function StartupSplashScreen({ bootstrapState }: StartupSplashScreenProps
} }
return ( return (
<View style={[styles.container, styles.containerError]}> <View style={styles.errorScreen}>
<TitlebarDragRegion /> <TitlebarDragRegion />
<ScrollView
style={styles.errorScrollView}
contentContainerStyle={styles.errorScrollContent}
showsVerticalScrollIndicator
>
<View style={styles.errorContent}> <View style={styles.errorContent}>
<View style={styles.errorHeader}> <View style={styles.errorHeader}>
<PaseoLogo size={64} /> <PaseoLogo size={64} />
@@ -316,6 +343,7 @@ export function StartupSplashScreen({ bootstrapState }: StartupSplashScreenProps
</Button> </Button>
</View> </View>
</View> </View>
</ScrollView>
</View> </View>
); );
} }