lpitault/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Improved UI consistency

Browse source
This commit is contained in:
keplyx 2019-11-01 06:55:37 +01:00
parent cf22a9c8f2
commit 980dfdbdf3
1 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
screens/HomeScreen.js
View file

@ -24,6 +24,7 @@ const SECTIONS_ID = [
const REFRESH_TIME = 1000 * 20; // Refresh every 20 seconds const REFRESH_TIME = 1000 * 20; // Refresh every 20 seconds
const CARD_BORDER_RADIUS = 10;
/** /**
* Opens a link in the device's browser * Opens a link in the device's browser
@ -333,7 +334,7 @@ export default class HomeScreen extends FetchedDataSectionList {
marginLeft: 10, marginLeft: 10,
marginRight: 10, marginRight: 10,
marginTop: 10, marginTop: 10,
borderRadius: 20, borderRadius: CARD_BORDER_RADIUS,
backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg, backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
overflow: 'hidden', overflow: 'hidden',
}}> }}>
@ -393,7 +394,7 @@ export default class HomeScreen extends FetchedDataSectionList {
</Left> </Left>
</CardItem> </CardItem>
<CardItem style={{ <CardItem style={{
borderRadius: 30, borderRadius: CARD_BORDER_RADIUS,
backgroundColor: 'transparent', backgroundColor: 'transparent',
}}> }}>
<Body style={{ <Body style={{
@ -450,7 +451,7 @@ export default class HomeScreen extends FetchedDataSectionList {
width: '48%', width: '48%',
marginLeft: 0, marginLeft: 0,
marginRight: isLeftElement ? '4%' : 0, marginRight: isLeftElement ? '4%' : 0,
borderRadius: 20, borderRadius: CARD_BORDER_RADIUS,
backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg, backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
overflow: 'hidden', overflow: 'hidden',
}}> }}>
@ -605,7 +606,7 @@ export default class HomeScreen extends FetchedDataSectionList {
flex: 0, flex: 0,
marginLeft: 10, marginLeft: 10,
marginRight: 10, marginRight: 10,
borderRadius: 20, borderRadius: CARD_BORDER_RADIUS,
backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg, backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
overflow: 'hidden', overflow: 'hidden',
}}> }}>
@ -660,9 +661,12 @@ export default class HomeScreen extends FetchedDataSectionList {
<Card style={{ <Card style={{
flex: 0, flex: 0,
marginLeft: 10, marginLeft: 10,
marginRight: 10 marginRight: 10,
borderRadius: CARD_BORDER_RADIUS,
}}>
<CardItem style={{
backgroundColor: 'transparent'
}}> }}>
<CardItem>
<Left> <Left>
<Thumbnail source={ICON_AMICALE} square/> <Thumbnail source={ICON_AMICALE} square/>
<Body> <Body>
@ -671,11 +675,13 @@ export default class HomeScreen extends FetchedDataSectionList {
</Body> </Body>
</Left> </Left>
</CardItem> </CardItem>
<CardItem> <CardItem style={{
backgroundColor: 'transparent'
}}>
<Body> <Body>
{item.full_picture !== '' && item.full_picture !== undefined ? {item.full_picture !== '' && item.full_picture !== undefined ?
<TouchableOpacity onPress={() => openWebLink(item.full_picture)} <TouchableOpacity onPress={() => openWebLink(item.full_picture)}
style={{width: '100%', height: 250}}> style={{width: '100%', height: 250, marginBottom: 5}}>
<Image source={{uri: item.full_picture}} <Image source={{uri: item.full_picture}}
style={{flex: 1, resizeMode: "contain"}} style={{flex: 1, resizeMode: "contain"}}
resizeMode="contain" resizeMode="contain"
@ -691,7 +697,9 @@ export default class HomeScreen extends FetchedDataSectionList {
} }
</Body> </Body>
</CardItem> </CardItem>
<CardItem> <CardItem style={{
backgroundColor: 'transparent'
}}>
<Left> <Left>
<Button transparent <Button transparent
onPress={() => openWebLink(item.permalink_url)}> onPress={() => openWebLink(item.permalink_url)}>