From 0a1425d8d8757e26d8c23d14843e1d8ed0b90a33 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Wed, 28 Nov 2018 12:52:01 -0800 Subject: fix(website): instant marketing page shadows --- .../website/public/images/instant/feature_1.svg | 143 +++++---------------- .../website/public/images/instant/feature_2.svg | 48 ++----- packages/website/ts/components/ui/image.tsx | 2 + packages/website/ts/pages/instant/features.tsx | 2 +- 4 files changed, 47 insertions(+), 148 deletions(-) diff --git a/packages/website/public/images/instant/feature_1.svg b/packages/website/public/images/instant/feature_1.svg index 64a2c748c..cca58d9b9 100644 --- a/packages/website/public/images/instant/feature_1.svg +++ b/packages/website/public/images/instant/feature_1.svg @@ -1,112 +1,33 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/website/public/images/instant/feature_2.svg b/packages/website/public/images/instant/feature_2.svg index c29871d82..a313872b2 100644 --- a/packages/website/public/images/instant/feature_2.svg +++ b/packages/website/public/images/instant/feature_2.svg @@ -1,39 +1,15 @@ - - - - - - - - - - - - - + + + + + + + + + + - - - + + - - - - - - - - - - - - - - - - - - - - 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 { 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 = ( - + ); const info = ( -- cgit