style: fix overall vertical spacing, increase bottom bar height for icon breathing room
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 19s
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 19s
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:
@@ -83,7 +83,7 @@ const styles = StyleSheet.create({
|
|||||||
top: 0,
|
top: 0,
|
||||||
left: 0,
|
left: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
bottom: '16mm', // Leave space for the bar below
|
bottom: '18mm', // Leave space for the bar below
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
},
|
},
|
||||||
frontBackgroundImage: {
|
frontBackgroundImage: {
|
||||||
@@ -96,7 +96,7 @@ const styles = StyleSheet.create({
|
|||||||
},
|
},
|
||||||
frontContainer: {
|
frontContainer: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
paddingBottom: '16mm', // Push the logo up to center it in the area above the bar
|
paddingBottom: '18mm', // Push the logo up to center it in the area above the bar
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
},
|
},
|
||||||
@@ -118,15 +118,13 @@ const styles = StyleSheet.create({
|
|||||||
bottom: 0,
|
bottom: 0,
|
||||||
left: 0,
|
left: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
height: '16mm',
|
height: '18mm',
|
||||||
borderTop: `2pt solid ${COLORS.green}`,
|
borderTop: `2pt solid ${COLORS.green}`,
|
||||||
backgroundColor: '#000a66',
|
backgroundColor: '#000a66',
|
||||||
zIndex: 50,
|
zIndex: 50,
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
// Extra top padding so tagline text has breathing room from the green border
|
|
||||||
paddingTop: 6,
|
|
||||||
gap: 5,
|
gap: 5,
|
||||||
},
|
},
|
||||||
frontIconsGroup: {
|
frontIconsGroup: {
|
||||||
@@ -161,7 +159,7 @@ const styles = StyleSheet.create({
|
|||||||
backContainer: {
|
backContainer: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
paddingTop: '6mm',
|
paddingTop: '6mm',
|
||||||
paddingBottom: '4mm',
|
paddingBottom: '6mm',
|
||||||
paddingLeft: '6mm',
|
paddingLeft: '6mm',
|
||||||
paddingRight: '6mm',
|
paddingRight: '6mm',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
@@ -277,7 +275,7 @@ const styles = StyleSheet.create({
|
|||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
borderTop: `0.5pt solid ${COLORS.grayText}`,
|
borderTop: `0.5pt solid ${COLORS.grayText}`,
|
||||||
paddingTop: '3mm',
|
paddingTop: '2.5mm',
|
||||||
marginTop: 'auto',
|
marginTop: 'auto',
|
||||||
},
|
},
|
||||||
addressFooterText: {
|
addressFooterText: {
|
||||||
|
|||||||
Reference in New Issue
Block a user