bartronx7/aretherecookies-mobile
1
0
Fork 0
mirror of https://gitlab.com/wheres-the-tp/ui-mobile.git synced 2026-01-25 02:44:56 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style changes

Browse source
This commit is contained in:
Erick Clark 2018-04-23 16:16:04 -05:00
parent 21044edbb8
commit 5f4add7d82
4 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
captures/com.aretherecookies_2018.04.23_16.10.li Normal file
View file

Binary file not shown.

2
js/components/ItemTile.js
View file

@ -42,7 +42,7 @@ export const SubText = ({ children, style = {} }: { children?: string, style?: O
};
export const TileBox = ({ children, style = {} }: { children?: any, style?: Object }) => (
<View style={{ height: 70, flexDirection: 'row', backgroundColor: 'white', alignItems: 'center', ...style }}>
<View style={{ flexDirection: 'row', backgroundColor: 'white', alignItems: 'center', paddingTop: 15, paddingBottom: 15, ...style }}>
{children}
</View>
);

18
js/components/PlaceTile.js
View file

@ -6,7 +6,7 @@ import { List } from 'immutable';
import FoodItemRecord from '../records/FoodItemRecord';
import typeof PlaceRecord from '../records/PlaceRecord';
import { Link } from 'react-router-native';
import { Thumbnail, StrongText, SubText } from './ItemTile';
import { TileBox, Thumbnail, StrongText, SubText } from './ItemTile';
import { routeWithTitle } from '../helpers/RouteHelpers';
import { getCategories } from '../helpers/CategoryHelpers';
import { type Map } from 'immutable';
@ -47,13 +47,15 @@ export default pure(({ place, foodItems }: PlaceTileProps) => {
to={routeWithTitle(`/place/${place.id || ''}`, place.name)}
underlayColor={theme.itemTile.pressHighlightColor}
>
<View style={{ height: 70, flexDirection: 'row', backgroundColor: 'white' }}>
<Thumbnail thumb={place.thumb} />
<View style={{ paddingTop: 5 }}>
<StrongText>{`${place.name} - ${distance} mi`}</StrongText>
<SubText>{getCategoriesText(foodItems)}</SubText>
<SubText>{getHoursText(place.hours)}</SubText>
</View>
<View>
<TileBox>
<Thumbnail thumb={place.thumb} />
<View>
<StrongText>{`${place.name} - ${distance} mi`}</StrongText>
<SubText>{getCategoriesText(foodItems)}</SubText>
<SubText>{getHoursText(place.hours)}</SubText>
</View>
</TileBox>
</View>
</Link>
);

6
js/ui-theme.js
View file

@ -47,12 +47,14 @@ export default {
},
itemTile: {
thumbnailSize: 50,
thumbnailColor: COLOR.grey500,
thumbnailColor: COLOR.grey400,
itemNameStyle: {
fontSize: 16,
color: COLOR.black,
},
itemPlaceStyle: {
color: COLOR.grey500,
color: COLOR.grey700,
paddingTop: 3,
},
availableCountStyle: {
fontSize: 25,