From 0a1425d8d8757e26d8c23d14843e1d8ed0b90a33 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 28 Nov 2018 12:52:01 -0800
Subject: fix(website): instant marketing page shadows

---
 packages/website/ts/components/ui/image.tsx    | 2 ++
 packages/website/ts/pages/instant/features.tsx | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/components/ui/image.tsx b/packages/website/ts/components/ui/image.tsx
index c8d39352b..d698ddaa0 100644
--- a/packages/website/ts/components/ui/image.tsx
+++ b/packages/website/ts/components/ui/image.tsx
@@ -10,6 +10,7 @@ export interface ImageProps {
     height?: string | number;
     maxWidth?: string | number;
     maxHeight?: string | number;
+    additionalStyle?: React.CSSProperties;
 }
 interface ImageState {
     imageLoadFailed: boolean;
@@ -30,6 +31,7 @@ export class Image extends React.Component<ImageProps, ImageState> {
                 onError={this._onError.bind(this)}
                 src={src}
                 style={{
+                    ...this.props.additionalStyle,
                     borderRadius: this.props.borderRadius,
                     maxWidth: this.props.maxWidth,
                     maxHeight: this.props.maxHeight,
diff --git a/packages/website/ts/pages/instant/features.tsx b/packages/website/ts/pages/instant/features.tsx
index 9b61df354..73be793d5 100644
--- a/packages/website/ts/pages/instant/features.tsx
+++ b/packages/website/ts/pages/instant/features.tsx
@@ -79,7 +79,7 @@ const FeatureItem = (props: FeatureItemProps) => {
     const maxWidth = isLargeScreen ? '500px' : undefined;
     const image = (
         <Container className="center" minWidth="435px" maxHeight="225px">
-            <Image src={imgSrc} />
+            <Image src={imgSrc} additionalStyle={{ filter: 'drop-shadow(0px 4px 4px rgba(0,0,0,.25))' }} />
         </Container>
     );
     const info = (
-- 
cgit