ysimard
/
application-amicale
forked from vergnet/application-amicale
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Improved UI consistency

keplyx 4 years ago
parent
cf22a9c8f2
commit
980dfdbdf3
1 changed files with 17 additions and 9 deletions
Split View Show Diff Stats
  1. 17
    9
      screens/HomeScreen.js

+ 17
- 9
screens/HomeScreen.js View File 

@@ -24,6 +24,7 @@ const SECTIONS_ID = [
24 24
25 25 
 const REFRESH_TIME = 1000 * 20; // Refresh every 20 seconds
26 26
27 
+const CARD_BORDER_RADIUS = 10;
27 28
28 29 
 /**
29 30 
  * Opens a link in the device's browser
 
@@ -333,7 +334,7 @@ export default class HomeScreen extends FetchedDataSectionList {
333 334 
                 marginLeft: 10,
334 335 
                 marginRight: 10,
335 336 
                 marginTop: 10,
336 
-                borderRadius: 20,
337 
+                borderRadius: CARD_BORDER_RADIUS,
337 338 
                 backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
338 339 
                 overflow: 'hidden',
339 340 
             }}>
 
@@ -393,7 +394,7 @@ export default class HomeScreen extends FetchedDataSectionList {
393 394 
                                     </Left>
394 395 
                                 </CardItem>
395 396 
                                 <CardItem style={{
396 
-                                    borderRadius: 30,
397 
+                                    borderRadius: CARD_BORDER_RADIUS,
397 398 
                                     backgroundColor: 'transparent',
398 399 
                                 }}>
399 400 
                                     <Body style={{
 
@@ -450,7 +451,7 @@ export default class HomeScreen extends FetchedDataSectionList {
450 451 
                 width: '48%',
451 452 
                 marginLeft: 0,
452 453 
                 marginRight: isLeftElement ? '4%' : 0,
453 
-                borderRadius: 20,
454 
+                borderRadius: CARD_BORDER_RADIUS,
454 455 
                 backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
455 456 
                 overflow: 'hidden',
456 457 
             }}>
 
@@ -605,7 +606,7 @@ export default class HomeScreen extends FetchedDataSectionList {
605 606 
                 flex: 0,
606 607 
                 marginLeft: 10,
607 608 
                 marginRight: 10,
608 
-                borderRadius: 20,
609 
+                borderRadius: CARD_BORDER_RADIUS,
609 610 
                 backgroundColor: ThemeManager.getCurrentThemeVariables().cardDefaultBg,
610 611 
                 overflow: 'hidden',
611 612 
             }}>
 
@@ -660,9 +661,12 @@ export default class HomeScreen extends FetchedDataSectionList {
660 661 
                 <Card style={{
661 662 
                     flex: 0,
662 663 
                     marginLeft: 10,
663 
-                    marginRight: 10
664 
+                    marginRight: 10,
665 
+                    borderRadius: CARD_BORDER_RADIUS,
664 666 
                 }}>
665 
-                    <CardItem>
667 
+                    <CardItem style={{
668 
+                        backgroundColor: 'transparent'
669 
+                    }}>
666 670 
                         <Left>
667 671 
                             <Thumbnail source={ICON_AMICALE} square/>
668 672 
                             <Body>
 
@@ -671,11 +675,13 @@ export default class HomeScreen extends FetchedDataSectionList {
671 675 
                             </Body>
672 676 
                         </Left>
673 677 
                     </CardItem>
674 
-                    <CardItem>
678 
+                    <CardItem style={{
679 
+                        backgroundColor: 'transparent'
680 
+                    }}>
675 681 
                         <Body>
676 682 
                             {item.full_picture !== '' && item.full_picture !== undefined ?
677 683 
                                 <TouchableOpacity onPress={() => openWebLink(item.full_picture)}
678 
-                                                  style={{width: '100%', height: 250}}>
684 
+                                                  style={{width: '100%', height: 250, marginBottom: 5}}>
679 685 
                                     <Image source={{uri: item.full_picture}}
680 686 
                                            style={{flex: 1, resizeMode: "contain"}}
681 687 
                                            resizeMode="contain"
 
@@ -691,7 +697,9 @@ export default class HomeScreen extends FetchedDataSectionList {
691 697 
                             }
692 698 
                         </Body>
693 699 
                     </CardItem>
694 
-                    <CardItem>
700 
+                    <CardItem style={{
701 
+                        backgroundColor: 'transparent'
702 
+                    }}>
695 703 
                         <Left>
696 704 
                             <Button transparent
697 705 
                                     onPress={() => openWebLink(item.permalink_url)}>

Write Preview
Loading…
Cancel
Save