mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-08 14:51:17 -05:00
styling
This commit is contained in:
parent
d7d71ef594
commit
45a48f7957
|
@ -42,8 +42,17 @@ const Event = ({item}) => {
|
||||||
const week = new Date(getWeekDate())
|
const week = new Date(getWeekDate())
|
||||||
const extra = (
|
const extra = (
|
||||||
<>
|
<>
|
||||||
<Text style={{fontSize:20}}>{item.item.text}</Text>
|
<Text style={{fontSize:20, paddingHorizontal: '1%'}}>{item.item.text}</Text>
|
||||||
<Text style={{fontSize:20}}>Location: {item.item.location}</Text>
|
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
||||||
|
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
|
||||||
|
<Image source={require('./assets/location.png')} style={{height: 22, width: 22}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '90%'}}>
|
||||||
|
<Text style={{fontSize:20}}>{item.item.location}</Text>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
</View>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
30
app/Clubs.js
30
app/Clubs.js
|
@ -35,17 +35,29 @@ export const ClubInfo = ({route}) => {
|
||||||
const item = route.params;
|
const item = route.params;
|
||||||
return (
|
return (
|
||||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||||
<View style ={styles.infoContainer}>
|
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {[styles.title1, {fontSize: 24}]}>Meeting Time and Day: </Text>
|
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {{fontSize:20}}>{item.meeting}</Text>
|
<Image source ={require('./assets/time.png')} style={{width: 50, height: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '83%'}}>
|
||||||
|
<Text style = {{fontSize:20}}>{item.meeting}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style ={styles.infoContainer}>
|
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {[styles.title1, {fontSize: 24}]}>Zoom Link: </Text>
|
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {[styles.linktext,{fontSize:20}]} onPress={() => Linking.openURL(item.link)}>{item.link}</Text>
|
<Image source ={require('./assets/zoom.png')} style={{width: 50, height: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '83%'}}>
|
||||||
|
<Text style = {[styles.linktext,{fontSize:20}]} onPress={() => Linking.openURL(item.link)}>{item.link}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style ={styles.infoContainer}>
|
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {[styles.title1, {fontSize: 24}]}>Sponsor: </Text>
|
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {{fontSize:20}}>{item.sponsor}</Text>
|
<Image source ={require('./assets/sponsor.png')} style={{width: 50, height: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '83%'}}>
|
||||||
|
<Text style = {{fontSize:20}}>{item.sponsor}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
|
|
18
app/Home.js
18
app/Home.js
File diff suppressed because one or more lines are too long
|
@ -28,13 +28,21 @@ export const LunchInfo = ({route}) => {
|
||||||
const item = route.params;
|
const item = route.params;
|
||||||
return (
|
return (
|
||||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||||
<View style ={styles.infoContainer}>
|
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {styles.title1}>Description: </Text>
|
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {styles.title}>{item.text}</Text>
|
<Image source={require('./assets/desc.png')} style={{height: 50, width: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '85%'}}>
|
||||||
|
<Text style = {styles.title}>{item.text}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style ={styles.infoContainer}>
|
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {styles.title1}>Location: </Text>
|
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {styles.title}>{item.loc}</Text>
|
<Image source={require('./assets/location.png')} style={{height: 50, width: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '85%'}}>
|
||||||
|
<Text style={{fontSize:20}}>{item.loc}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
|
|
|
@ -30,17 +30,29 @@ export const SSLInfo = ({route}) => {
|
||||||
console
|
console
|
||||||
return (
|
return (
|
||||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||||
<View style ={styles.infoContainer}>
|
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {styles.title1}>Description: </Text>
|
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {styles.title}>{item.text}</Text>
|
<Image source={require('./assets/desc.png')} style={{height: 50, width: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '85%'}}>
|
||||||
|
<Text style = {styles.title}>{item.text}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style ={styles.infoContainer}>
|
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {styles.title1}>Who: </Text>
|
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {styles.title}>{item.teacher}</Text>
|
<Image source={require('./assets/unknown.png')} style={{height: 50, width: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '85%'}}>
|
||||||
|
<Text style = {styles.title}>{item.teacher}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style ={styles.infoContainer}>
|
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<Text style = {styles.title1}>Where: </Text>
|
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text style = {styles.title}>{item.loc}</Text>
|
<Image source={require('./assets/location.png')} style={{height: 50, width: 50}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '85%'}}>
|
||||||
|
<Text style={{fontSize:20}}>{item.loc}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
|
|
16
app/Staff.js
16
app/Staff.js
|
@ -30,13 +30,21 @@ const StaffElement = ({item}) => {
|
||||||
[
|
[
|
||||||
...item.item.emails.map(email=>(
|
...item.item.emails.map(email=>(
|
||||||
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
||||||
<Image source={require('./assets/email.png')} style={{height: 22, width: 22}}/>
|
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text key={email}><Text style={styles.linktext} onPress={()=>Linking.openURL("mailto:"+email)}>{' '}{email}</Text></Text>
|
<Image source={require('./assets/email.png')} style={{height: 22, width: 22}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '90%'}}>
|
||||||
|
<Text key={email}><Text style={styles.linktext} onPress={()=>Linking.openURL("mailto:"+email)}><Text></Text>{email}</Text></Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)),
|
)),
|
||||||
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
||||||
<Image source = {require('./assets/dep.png')} style={{height: 22, width: 22}}/>
|
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
|
||||||
<Text>{' '}{item.item.department}</Text>
|
<Image source = {require('./assets/dep.png')} style={{height: 22, width: 22}}/>
|
||||||
|
</View>
|
||||||
|
<View style={{width: '90%'}}>
|
||||||
|
<Text>{item.item.department}</Text>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
]
|
]
|
||||||
)
|
)
|
||||||
|
|
BIN
app/assets/desc.png
Normal file
BIN
app/assets/desc.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.6 KiB |
BIN
app/assets/location.png
Normal file
BIN
app/assets/location.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.6 KiB |
BIN
app/assets/sponsor.png
Normal file
BIN
app/assets/sponsor.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.5 KiB |
BIN
app/assets/time.png
Normal file
BIN
app/assets/time.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.4 KiB |
BIN
app/assets/zoom.png
Normal file
BIN
app/assets/zoom.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.0 KiB |
Loading…
Reference in New Issue
Block a user