bartronx7/aretherecookies-mobile
1
0
Fork 0
mirror of https://gitlab.com/wheres-the-tp/ui-mobile.git synced 2026-01-25 04:34:55 -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 }) => ( 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} {children}
</View> </View>
); );

18
js/components/PlaceTile.js
View file

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

6
js/ui-theme.js
View file

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