mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-24 05:31:16 -05:00
styling
This commit is contained in:
Emily Liu
parent
d7d71ef594
commit
45a48f7957
|
|
@ -42,8 +42,17 @@ const Event = ({item}) => {
|
|||
const week = new Date(getWeekDate())
|
||||
const extra = (
|
||||
<>
|
||||
<Text style={{fontSize:20}}>{item.item.text}</Text>
|
||||
<Text style={{fontSize:20}}>Location: {item.item.location}</Text>
|
||||
<Text style={{fontSize:20, paddingHorizontal: '1%'}}>{item.item.text}</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>
|
||||
|
||||
</>
|
||||
)
|
||||
|
||||
|
|
|
|||
24
app/Clubs.js
24
app/Clubs.js
|
|
@ -35,19 +35,31 @@ export const ClubInfo = ({route}) => {
|
|||
const item = route.params;
|
||||
return (
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {[styles.title1, {fontSize: 24}]}>Meeting Time and Day: </Text>
|
||||
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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 style ={styles.infoContainer}>
|
||||
<Text style = {[styles.title1, {fontSize: 24}]}>Zoom Link: </Text>
|
||||
</View>
|
||||
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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 style ={styles.infoContainer}>
|
||||
<Text style = {[styles.title1, {fontSize: 24}]}>Sponsor: </Text>
|
||||
</View>
|
||||
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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>
|
||||
)
|
||||
}
|
||||
function ClubElement (props) {
|
||||
|
|
|
|||
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;
|
||||
return (
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Description: </Text>
|
||||
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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 style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Location: </Text>
|
||||
<Text style = {styles.title}>{item.loc}</Text>
|
||||
</View>
|
||||
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -30,17 +30,29 @@ export const SSLInfo = ({route}) => {
|
|||
console
|
||||
return (
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Description: </Text>
|
||||
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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 style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Who: </Text>
|
||||
</View>
|
||||
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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 style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Where: </Text>
|
||||
<Text style = {styles.title}>{item.loc}</Text>
|
||||
</View>
|
||||
<View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||
<View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
|
||||
<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>
|
||||
)
|
||||
|
|
|
|||
12
app/Staff.js
12
app/Staff.js
|
|
@ -30,13 +30,21 @@ const StaffElement = ({item}) => {
|
|||
[
|
||||
...item.item.emails.map(email=>(
|
||||
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
||||
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
|
||||
<Image source={require('./assets/email.png')} style={{height: 22, width: 22}}/>
|
||||
<Text key={email}><Text style={styles.linktext} onPress={()=>Linking.openURL("mailto:"+email)}>{' '}{email}</Text></Text>
|
||||
</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 style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
|
||||
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
|
||||
<Image source = {require('./assets/dep.png')} style={{height: 22, width: 22}}/>
|
||||
<Text>{' '}{item.item.department}</Text>
|
||||
</View>
|
||||
<View style={{width: '90%'}}>
|
||||
<Text>{item.item.department}</Text>
|
||||
</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