diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-11-29 04:52:01 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-11-29 04:52:01 +0800 |
| commit | 0a1425d8d8757e26d8c23d14843e1d8ed0b90a33 (patch) | |
| tree | 2447b2fe9448ff43bb5a9efdbe9bc4ac42a62da7 /packages/website/ts | |
| parent | 7daf995e0d78d6f0065d67655668f4832c45bcf0 (diff) | |
| download | dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar.gz dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar.bz2 dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar.lz dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar.xz dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.tar.zst dexon-sol-tools-0a1425d8d8757e26d8c23d14843e1d8ed0b90a33.zip | |
fix(website): instant marketing page shadows
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/components/ui/image.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/pages/instant/features.tsx | 2 |
2 files changed, 3 insertions, 1 deletions
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 = ( |