emh/blazerapp
1
0
Fork 0
mirror of https://github.com/Blair-SGA-Dev-Team/blazerapp.git synced 2026-07-16 06:50:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Emily Liu
2020-12-24 02:34:47 -05:00
parent d7d71ef594
commit 45a48f7957
11 changed files with 88 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Calendar.js
+11 -2
View File
@@ -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>
</>
)
app/Clubs.js
+18 -6
View File
@@ -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) {
app/Home.js
+9 -9
View File
File diff suppressed because one or more lines are too long
app/LunchEvents.js
+13 -5
View File
@@ -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>
)
app/SSLOps.js
+19 -7
View File
@@ -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>
)
app/Staff.js
+10 -2
View File
@@ -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>
]
)
app/assets/desc.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

app/assets/location.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

app/assets/sponsor.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

app/assets/time.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

app/assets/zoom.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB