UdacityMobileWebScholarship / showcase-app

This application is a collaborative project made by the Google Udacity Mobile Web Specialist Scholars.
13 stars 30 forks source link

Fix Tile component #62

Closed blenderskool closed 6 years ago

blenderskool commented 6 years ago

I'm submitting a ...

Current behavior:

As of now, the Tile component is missing a few styles that are shown in the guidelines. Following styles are missing:

Expected behavior:

Tile component follows the design guidelines

saini-himanshu commented 6 years ago

Gradient Background can be done by using two colors, passing one color by backgroundColor as prop then selecting the other light shade of same color in styles.

blenderskool commented 6 years ago

@saini-himanshu I am working on this. We have to darken the color and use it as a gradient. Here's some reference https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors

blenderskool commented 6 years ago

@saini-himanshu Here's how it looks after the fixes. Tiles