style: remove hard dark blue footer bar, add elegant green separator line
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 23s
Build & Deploy / 🧪 QA (push) Failing after 1m52s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 12s

This commit is contained in:
2026-06-12 10:49:04 +02:00
parent 44ad62de1c
commit 3d7a061858
12 changed files with 16 additions and 13 deletions

View File

@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
top: 0,
left: 0,
right: 0,
bottom: '16mm', // Match the bar below
bottom: '20mm', // Truck stops above the footer area to avoid text conflict
zIndex: 1,
},
frontBackgroundImage: {
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
frontContainer: {
flex: 1,
paddingTop: '3mm', // Compensate for top bleed for perfect optical centering
paddingBottom: '16mm', // Match the bar height
paddingBottom: '20mm', // Leave space for the footer area
justifyContent: 'center',
alignItems: 'center',
},
@@ -118,20 +118,25 @@ const styles = StyleSheet.create({
textTransform: 'uppercase',
zIndex: 100,
},
frontGreenBarBottom: {
frontFooterArea: {
position: 'absolute',
bottom: 0,
left: 0,
right: 0,
height: '16mm', // Slightly taller for more breathing room
height: '20mm', // Generous area for the footer
paddingBottom: '3mm', // Exactly compensate for bottom bleed (3mm trim)
borderTop: `1pt solid ${COLORS.green}`, // Thin, elegant separator
backgroundColor: '#000a66',
zIndex: 50,
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
gap: 5, // More breathing room between tagline and icons
gap: 5, // Breathing room between tagline and icons
},
frontSeparator: {
width: '45mm', // Elegant partial-width divider
height: 1,
backgroundColor: COLORS.green,
marginBottom: 2, // Space before tagline
opacity: 0.8,
},
frontIconsGroup: {
flexDirection: 'row',
@@ -752,12 +757,10 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
/>
</View>
)}
<View
style={[
styles.frontGreenBarBottom,
isWhiteVariant && { backgroundColor: '#ffffff', borderTopColor: COLORS.darkGreen },
]}
>
<View style={styles.frontFooterArea}>
<View
style={[styles.frontSeparator, isWhiteVariant && { backgroundColor: COLORS.darkGreen }]}
/>
<Text style={[styles.frontTaglineBar, isWhiteVariant && { color: COLORS.black }]}>
VON 0,6/1,0 KV BIS 64/110 KV
</Text>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 30 KiB