FaSTTUBe/ft-rueckerstattung
51
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
1 changed files with 17 additions and 10 deletions
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,
borderTopWidth: 0
},
tableCell: {
tableCellCentered: {
margin: "auto",
marginTop: 5,
marginBottom: 5,
fontSize: 10
},
tableCell: {
marginLeft: 5,
marginRight: 5,
marginTop: 5,
marginBottom: 5,
fontSize: 10
},
tableCellBetrag: {
// margin: "auto",
marginRight: 5,
@ -192,32 +199,32 @@ const AuszahlungPage = ({person, bank, posten}: { person: Person, bank: Bank, po
<View style={styles.table}>
<View style={styles.tableRow}>
<View style={styles.tableColNum}>
<Text style={styles.tableCell}>#</Text>
<Text style={styles.tableCellCentered}>#</Text>
</View>
<View style={styles.tableCol}>
<Text style={styles.tableCell}>Belegdatum</Text>
<Text style={styles.tableCellCentered}>Belegdatum</Text>
</View>
<View style={styles.tableCol}>
<Text style={styles.tableCell}>Firma</Text>
<Text style={styles.tableCellCentered}>Firma</Text>
</View>
<View style={styles.tableColBig}>
<Text style={styles.tableCell}>Begründung</Text>
<Text style={styles.tableCellCentered}>Begründung</Text>
</View>
<View style={styles.tableColSmall}>
<Text style={styles.tableCell}>Zahlungsart</Text>
<Text style={styles.tableCellCentered}>Zahlungsart</Text>
</View>
<View style={styles.tableColSmall}>
<Text style={styles.tableCell}>Betrag</Text>
<Text style={styles.tableCellCentered}>Betrag</Text>
</View>
</View>
{posten.map((posten) => {
return (
<View style={styles.tableRow}>
<View style={styles.tableColNum}>
<Text style={styles.tableCell}>{posten.getNummer()}</Text>
<Text style={styles.tableCellCentered}>{posten.getNummer()}</Text>
</View>
<View style={styles.tableCol}>
<Text style={styles.tableCell}>{posten.getBelegdatum()}</Text>
<Text style={styles.tableCellCentered}>{posten.getBelegdatum()}</Text>
</View>
<View style={styles.tableCol}>
<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>
</View>
<View style={styles.tableColSmall}>
<Text style={styles.tableCell}>{posten.getZahlungsart()}</Text>
<Text style={styles.tableCellCentered}>{posten.getZahlungsart()}</Text>
</View>
<View style={styles.tableColSmall}>
<Text style={styles.tableCellBetrag}>{posten.getBetragString()}</Text>