Browse Source

Improved UI consistency

keplyx 2 years ago
parent
commit
980dfdbdf3
1 changed files with 17 additions and 9 deletions
  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)}>

Loading…
Cancel
Save