reformatting of PDF to create all sections needed

This commit is contained in:
2025-12-12 13:39:14 +01:00
parent fa42f7ebc4
commit b056857dda
2 changed files with 23 additions and 9 deletions
@@ -84,37 +84,46 @@ export const FeuilleMatchPdf = ({ data }: IProps) => {
marginTop: 10, marginTop: 10,
}} }}
> >
<View style={{ width: "33%", border: "1px solid black" }}> <View
<Text> style={{ width: "35%", border: "1px solid black", padding: 10 }}
>
<Text style={{ textAlign: "center" }}>
A RENVOYER AU PLUS TARD LE LENDEMAIN DU JOUR DE LA RENCONTRE A: A RENVOYER AU PLUS TARD LE LENDEMAIN DU JOUR DE LA RENCONTRE A:
</Text> </Text>
<Text>Thierry Généreau</Text> <Text style={{ textAlign: "center" }}>Thierry Généreau</Text>
<Text>thierry.genereau@orange.fr</Text> <Text style={{ textAlign: "center" }}>
thierry.genereau@orange.fr
</Text>
</View> </View>
<View style={{ width: "60%", flexDirection: "column" }}> <View style={{ width: "60%", flexDirection: "column" }}>
<View <View
style={{ style={{
flexDirection: "row", flexDirection: "row",
justifyContent: "space-between",
gap: 10, gap: 10,
border: "1px solid black", border: "1px solid black",
paddingVertical: 10, height: 40,
columnGap: 80, columnGap: 80,
padding: 2,
}} }}
> >
<Text>Responsable de la rencontre:</Text> <Text>Responsable de la rencontre:</Text>
<Text>Signature:</Text> <Text style={{ marginRight: 100 }}>Signature:</Text>
</View> </View>
<View <View
style={{ style={{
flexDirection: "row", flexDirection: "row",
justifyContent: "space-between",
gap: 10, gap: 10,
border: "1px solid black", border: "1px solid black",
paddingVertical: 10,
columnGap: 80, columnGap: 80,
height: 40,
marginTop: 5,
padding: 2,
}} }}
> >
<Text>L'arbitre:</Text> <Text>L'arbitre:</Text>
<Text>Signature:</Text> <Text style={{ marginRight: 100 }}>Signature:</Text>
</View> </View>
</View> </View>
</View> </View>
@@ -1,7 +1,12 @@
import { StyleSheet } from "@react-pdf/renderer"; import { StyleSheet } from "@react-pdf/renderer";
export const styles = StyleSheet.create({ export const styles = StyleSheet.create({
page: { flexDirection: "column", padding: 30, fontSize: 10 }, page: {
flexDirection: "column",
paddingHorizontal: 30,
paddingVertical: 10,
fontSize: 10,
},
header: { marginBottom: 10, textAlign: "center" }, header: { marginBottom: 10, textAlign: "center" },
title: { fontSize: 18, fontWeight: "bold", marginBottom: 2 }, title: { fontSize: 18, fontWeight: "bold", marginBottom: 2 },
section: { margin: 10, padding: 10, flexGrow: 1 }, section: { margin: 10, padding: 10, flexGrow: 1 },