diff --git a/frontend/src/Components/Card.css b/frontend/src/Components/Card.css index e500ca154..6186b7607 100644 --- a/frontend/src/Components/Card.css +++ b/frontend/src/Components/Card.css @@ -1,4 +1,5 @@ .card { + position: relative; margin: 10px; padding: 10px; border-radius: 3px; @@ -6,3 +7,13 @@ box-shadow: 0 0 10px 1px $cardShadowColor; color: $defaultColor; } + +.underlay { + @add-mixin cover; +} + +.overlay { + @add-mixin linkOverlay; + + position: relative; +} \ No newline at end of file diff --git a/frontend/src/Components/Card.js b/frontend/src/Components/Card.js index cc45edba3..c5a4d164c 100644 --- a/frontend/src/Components/Card.js +++ b/frontend/src/Components/Card.js @@ -11,10 +11,27 @@ class Card extends Component { render() { const { className, + overlayClassName, + overlayContent, children, onPress } = this.props; + if (overlayContent) { + return ( +