Zipline-Android-App/styles/components/largeFileDisplay.ts

import { StyleSheet } from "react-native";

export const styles = StyleSheet.create({
	popupContainerOverlay: {
		position: "absolute",
		top: 0,
		left: 0,
		right: 0,
		bottom: 0,
		backgroundColor: "rgba(0, 0, 0, 0.5)",
		zIndex: 1,
	},
	popupContainer: {
		maxHeight: 700,
		width: "90%",
		margin: "auto",
		backgroundColor: "#0c101c",
		borderRadius: 15,
		padding: 10,
	},
	fileHeader: {
		fontSize: 22,
		fontWeight: "bold",
		color: "white",
		marginBottom: 10,
	},
	fileInfoContainer: {
		flexDirection: "row",
		marginHorizontal: 10,
		marginVertical: 10,
		alignItems: "center",
	},
	fileInfoTextContainer: {
		marginLeft: 10,
	},
	fileInfoHeader: {
		fontSize: 16,
		fontWeight: "bold",
		color: "white",
	},
	fileInfoText: {
		fontSize: 14,
		color: "gray",
		wordWrap: "break-word",
	},
	selectRenderItemText: {
		fontSize: 18,
		fontWeight: "bold",
		padding: 4,
		borderRadius: 10,
		alignSelf: "flex-start",
	},
	selectRenderItemContainer: {
		flex: 1,
	},
	selectRenderSelectedItemText: {
		flex: 1,
		textAlignVertical: "center",
		fontSize: 15,
		padding: 4,
		borderRadius: 10,
	},
	subHeaderText: {
		marginTop: 10,
		fontSize: 13,
		fontWeight: "bold",
		color: "gray",
	},
	actionButtonsContainer: {
		flexDirection: "row",
		justifyContent: "flex-start",
		marginTop: 10,
		marginHorizontal: -5,
	},
	textDisplay: {
		borderRadius: 15,
		padding: 15,
		height: 220,
		fontFamily: "monospace",
		textAlignVertical: "top",
	},
	popupContent: {
		height: "auto",
		width: "100%",
	},
	mainHeaderText: {
		fontSize: 22,
		fontWeight: "bold",
		color: "white",
	},
	serverActionWarningText: {
		marginTop: 10,
		color: "white",
	},
	fileDeleteButtonsContainer: {
		flexDirection: "row",
		justifyContent: "space-between",
	},
	popupSubHeaderText: {
		marginTop: 10,
		marginLeft: 10,
		fontSize: 13,
		fontWeight: "bold",
		color: "gray",
	},
});