Fix error screen not scrollable on Electron
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user