style: increase bottom bar height to 16mm to give the tagline more breathing room
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 12s
Build & Deploy / 🏗️ Build (push) Has been cancelled
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
Build & Deploy / 🧪 QA (push) Has been cancelled

This commit is contained in:
2026-06-12 10:47:12 +02:00
parent 092325baa9
commit 44ad62de1c
12 changed files with 5 additions and 5 deletions

View File

@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
top: 0,
left: 0,
right: 0,
bottom: '14mm', // Reduced bar height for better logo/bar proportion
bottom: '16mm', // Match the bar below
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: '14mm', // Match the reduced bar height
paddingBottom: '16mm', // Match the bar height
justifyContent: 'center',
alignItems: 'center',
},
@@ -123,15 +123,15 @@ const styles = StyleSheet.create({
bottom: 0,
left: 0,
right: 0,
height: '14mm', // Compact bar — logo area gets more breathing room
paddingBottom: '2mm', // Compensate for bottom bleed (3mm trim, but content hugs center)
height: '16mm', // Slightly taller for more breathing room
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: 3,
gap: 5, // More breathing room between tagline and icons
},
frontIconsGroup: {
flexDirection: 'row',

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 32 KiB