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
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:
@@ -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.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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 |
Reference in New Issue
Block a user