169 lines
3.2 KiB
JavaScript
169 lines
3.2 KiB
JavaScript
// Metro module 1202 (f1203).
|
|
export const defaultButtonStyles = (a0) => ({
|
|
triggerButton: {
|
|
position: "absolute",
|
|
bottom: 30,
|
|
right: 30,
|
|
backgroundColor: a0.background,
|
|
padding: 15,
|
|
borderRadius: 40,
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
elevation: 5,
|
|
shadowColor: a0.border,
|
|
shadowOffset: {
|
|
width: 1,
|
|
height: 2
|
|
},
|
|
shadowOpacity: 0.5,
|
|
shadowRadius: 3,
|
|
flexDirection: "row",
|
|
borderWidth: 1,
|
|
borderColor: a0.border
|
|
},
|
|
triggerText: {
|
|
color: a0.foreground,
|
|
fontSize: 18
|
|
},
|
|
triggerIcon: {
|
|
width: 24,
|
|
height: 24,
|
|
padding: 2,
|
|
marginEnd: 6,
|
|
tintColor: a0.sentryLogo
|
|
}
|
|
});
|
|
export default (a0) => ({
|
|
container: {
|
|
flex: 1,
|
|
padding: 20,
|
|
backgroundColor: a0.background
|
|
},
|
|
title: {
|
|
fontSize: 24,
|
|
fontWeight: "bold",
|
|
marginBottom: 20,
|
|
textAlign: "left",
|
|
flex: 1,
|
|
color: a0.foreground
|
|
},
|
|
label: {
|
|
marginBottom: 4,
|
|
fontSize: 16,
|
|
color: a0.foreground
|
|
},
|
|
input: {
|
|
height: 50,
|
|
borderColor: a0.border,
|
|
borderWidth: 1,
|
|
borderRadius: 5,
|
|
paddingHorizontal: 10,
|
|
marginBottom: 15,
|
|
fontSize: 16,
|
|
color: a0.foreground
|
|
},
|
|
textArea: {
|
|
height: 100,
|
|
textAlignVertical: "top",
|
|
color: a0.foreground
|
|
},
|
|
screenshotButton: {
|
|
backgroundColor: a0.background,
|
|
padding: 15,
|
|
borderRadius: 5,
|
|
alignItems: "center",
|
|
flex: 1,
|
|
borderWidth: 1,
|
|
borderColor: a0.border
|
|
},
|
|
screenshotContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
width: "100%",
|
|
marginBottom: 20
|
|
},
|
|
screenshotThumbnail: {
|
|
width: 50,
|
|
height: 50,
|
|
borderRadius: 5,
|
|
marginRight: 10
|
|
},
|
|
screenshotText: {
|
|
color: a0.foreground,
|
|
fontSize: 16
|
|
},
|
|
takeScreenshotButton: {
|
|
backgroundColor: a0.background,
|
|
padding: 15,
|
|
borderRadius: 5,
|
|
alignItems: "center",
|
|
borderWidth: 1,
|
|
borderColor: a0.border,
|
|
marginTop: -10,
|
|
marginBottom: 20
|
|
},
|
|
takeScreenshotText: {
|
|
color: a0.foreground,
|
|
fontSize: 16
|
|
},
|
|
submitButton: {
|
|
backgroundColor: a0.accentBackground,
|
|
paddingVertical: 15,
|
|
borderRadius: 5,
|
|
alignItems: "center",
|
|
marginBottom: 10
|
|
},
|
|
submitText: {
|
|
color: a0.accentForeground,
|
|
fontSize: 18
|
|
},
|
|
cancelButton: {
|
|
backgroundColor: a0.background,
|
|
padding: 15,
|
|
borderRadius: 5,
|
|
alignItems: "center",
|
|
borderWidth: 1,
|
|
borderColor: a0.border
|
|
},
|
|
cancelText: {
|
|
color: a0.foreground,
|
|
fontSize: 16
|
|
},
|
|
titleContainer: {
|
|
flexDirection: "row",
|
|
width: "100%"
|
|
},
|
|
sentryLogo: {
|
|
width: 40,
|
|
height: 40,
|
|
tintColor: a0.sentryLogo
|
|
}
|
|
});
|
|
export { defaultButtonStyles as defaultScreenshotButtonStyles };
|
|
export const modalWrapper = {
|
|
position: "absolute",
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0
|
|
};
|
|
export const modalSheetContainer = (a0) => ({
|
|
backgroundColor: a0.background,
|
|
borderTopLeftRadius: 16,
|
|
borderTopRightRadius: 16,
|
|
overflow: "hidden",
|
|
alignSelf: "stretch",
|
|
shadowColor: "#000",
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -3
|
|
},
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 4,
|
|
elevation: 5,
|
|
flex: 1
|
|
});
|
|
export const topSpacer = {
|
|
height: 64
|
|
};
|