53 lines
1.1 KiB
TypeScript
53 lines
1.1 KiB
TypeScript
|
// styles.ts
|
||
|
|
import { StyleSheet } from "react-native";
|
||
|
|
|
||
|
|
export const styles = StyleSheet.create({
|
||
|
|
container: {
|
||
|
|
flex: 1,
|
||
|
|
backgroundColor: "#2e2e2e",
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
fontSize: 38,
|
||
|
|
fontWeight: "bold",
|
||
|
|
color: "#fff",
|
||
|
|
textAlign: "center",
|
||
|
|
paddingTop: 60,
|
||
|
|
marginBottom: 20,
|
||
|
|
textShadowColor: "rgba(0, 0, 0, 0.75)",
|
||
|
|
textShadowOffset: { width: 2, height: 2 },
|
||
|
|
textShadowRadius: 5,
|
||
|
|
},
|
||
|
|
gridContainer: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: "row",
|
||
|
|
flexWrap: "wrap",
|
||
|
|
},
|
||
|
|
gridItem: {
|
||
|
|
width: "50%",
|
||
|
|
height: "50%",
|
||
|
|
},
|
||
|
|
touchableWrapper: {
|
||
|
|
flex: 1,
|
||
|
|
},
|
||
|
|
imageBackground: {
|
||
|
|
flex: 1,
|
||
|
|
justifyContent: "center",
|
||
|
|
alignItems: "center",
|
||
|
|
padding: 10,
|
||
|
|
},
|
||
|
|
overlay: {
|
||
|
|
...StyleSheet.absoluteFillObject,
|
||
|
|
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
||
|
|
justifyContent: "center",
|
||
|
|
alignItems: "center",
|
||
|
|
},
|
||
|
|
linkButtonText: {
|
||
|
|
color: "#fff",
|
||
|
|
fontSize: 20,
|
||
|
|
fontWeight: "bold",
|
||
|
|
textAlign: "center",
|
||
|
|
textShadowColor: "rgba(0, 0, 0, 0.7)",
|
||
|
|
textShadowOffset: { width: 1, height: 1 },
|
||
|
|
textShadowRadius: 3,
|
||
|
|
},
|
||
|
|
});
|