FaSTTUBe/ft-rueckerstattung
56
1
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Firma und Begruendung not centered

Browse Source
This commit is contained in:
Tobias Petrich 2024-04-04 12:28:00 +02:00
parent db097300b2
commit fab6d227eb
Signed by: t.petrich
GPG Key ID: D99301AD0515015F
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/pdf/AuszahlungPage.tsx
View File

@ -88,12 +88,19 @@ const styles = StyleSheet.create({
borderLeftWidth: 0, borderLeftWidth: 0,
borderTopWidth: 0 borderTopWidth: 0
}, },
tableCell: { tableCellCentered: {
margin: "auto", margin: "auto",
marginTop: 5, marginTop: 5,
marginBottom: 5, marginBottom: 5,
fontSize: 10 fontSize: 10
}, },
tableCell: {
marginLeft: 5,
marginRight: 5,
marginTop: 5,
marginBottom: 5,
fontSize: 10
},
tableCellBetrag: { tableCellBetrag: {
// margin: "auto", // margin: "auto",
marginRight: 5, marginRight: 5,
@ -192,32 +199,32 @@ const AuszahlungPage = ({person, bank, posten}: { person: Person, bank: Bank, po
<View style={styles.table}> <View style={styles.table}>
<View style={styles.tableRow}> <View style={styles.tableRow}>
<View style={styles.tableColNum}> <View style={styles.tableColNum}>
<Text style={styles.tableCell}>#</Text> <Text style={styles.tableCellCentered}>#</Text>
</View> </View>
<View style={styles.tableCol}> <View style={styles.tableCol}>
<Text style={styles.tableCell}>Belegdatum</Text> <Text style={styles.tableCellCentered}>Belegdatum</Text>
</View> </View>
<View style={styles.tableCol}> <View style={styles.tableCol}>
<Text style={styles.tableCell}>Firma</Text> <Text style={styles.tableCellCentered}>Firma</Text>
</View> </View>
<View style={styles.tableColBig}> <View style={styles.tableColBig}>
<Text style={styles.tableCell}>Begründung</Text> <Text style={styles.tableCellCentered}>Begründung</Text>
</View> </View>
<View style={styles.tableColSmall}> <View style={styles.tableColSmall}>
<Text style={styles.tableCell}>Zahlungsart</Text> <Text style={styles.tableCellCentered}>Zahlungsart</Text>
</View> </View>
<View style={styles.tableColSmall}> <View style={styles.tableColSmall}>
<Text style={styles.tableCell}>Betrag</Text> <Text style={styles.tableCellCentered}>Betrag</Text>
</View> </View>
</View> </View>
{posten.map((posten) => { {posten.map((posten) => {
return ( return (
<View style={styles.tableRow}> <View style={styles.tableRow}>
<View style={styles.tableColNum}> <View style={styles.tableColNum}>
<Text style={styles.tableCell}>{posten.getNummer()}</Text> <Text style={styles.tableCellCentered}>{posten.getNummer()}</Text>
</View> </View>
<View style={styles.tableCol}> <View style={styles.tableCol}>
<Text style={styles.tableCell}>{posten.getBelegdatum()}</Text> <Text style={styles.tableCellCentered}>{posten.getBelegdatum()}</Text>
</View> </View>
<View style={styles.tableCol}> <View style={styles.tableCol}>
<Text style={styles.tableCell}>{posten.getFirma()}</Text> <Text style={styles.tableCell}>{posten.getFirma()}</Text>
@ -226,7 +233,7 @@ const AuszahlungPage = ({person, bank, posten}: { person: Person, bank: Bank, po
<Text style={styles.tableCell}>{posten.getBegruendung()}</Text> <Text style={styles.tableCell}>{posten.getBegruendung()}</Text>
</View> </View>
<View style={styles.tableColSmall}> <View style={styles.tableColSmall}>
<Text style={styles.tableCell}>{posten.getZahlungsart()}</Text> <Text style={styles.tableCellCentered}>{posten.getZahlungsart()}</Text>
</View> </View>
<View style={styles.tableColSmall}> <View style={styles.tableColSmall}>
<Text style={styles.tableCellBetrag}>{posten.getBetragString()}</Text> <Text style={styles.tableCellBetrag}>{posten.getBetragString()}</Text>