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
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:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user