74 lines
1.3 KiB
TypeScript
74 lines
1.3 KiB
TypeScript
import { StyleSheet } from "@react-pdf/renderer";
|
|
|
|
export const styles = StyleSheet.create({
|
|
body: {
|
|
paddingTop: 10,
|
|
paddingBottom: 20,
|
|
paddingHorizontal: 35,
|
|
},
|
|
titleView: {
|
|
display: "flex",
|
|
// flex: 1,
|
|
alignItems: "center",
|
|
},
|
|
title: {
|
|
textTransform: "uppercase",
|
|
},
|
|
textPadding: {
|
|
margin: "8px",
|
|
},
|
|
separator: {
|
|
width: "100%",
|
|
borderBottom: "1px solid #89b0c2",
|
|
},
|
|
textFont: {
|
|
fontFamily: "Helvetica",
|
|
},
|
|
textBold: {
|
|
fontFamily: "Helvetica-Bold",
|
|
fontWeight: "bold",
|
|
},
|
|
textColor: {
|
|
color: "#4e4969",
|
|
},
|
|
textUnderline: {
|
|
textDecoration: "underline",
|
|
},
|
|
spacedRow: {
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
},
|
|
alignRightRow: {
|
|
display: "flex",
|
|
flexDirection: "row-reverse",
|
|
},
|
|
image64: {
|
|
height: "64px",
|
|
width: "64px",
|
|
},
|
|
qrcode: {
|
|
width: "80px",
|
|
height: "80px",
|
|
},
|
|
radialContainer: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
gap: 4,
|
|
position: "relative",
|
|
},
|
|
radialResultContainer: {
|
|
display: "flex",
|
|
position: "absolute",
|
|
top: 0,
|
|
left: 0,
|
|
width: "100%",
|
|
height: "100%",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
fontSize: 10,
|
|
gap: 8,
|
|
},
|
|
});
|