maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use rawOnly example parameter in ImageCarousel

Browse source
This commit is contained in:
Vesa Luusua 2019-05-21 16:30:11 +03:00
parent 926e68f854
commit 3dd951792f
2 changed files with 6 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/ImageCarousel/ImageCarousel.example.css
View file

@ -1,12 +0,0 @@
@import '../../marketplace.css';
.root {
position: relative;
width: 100%;
height: 100%;
padding: 0;
@media (--viewportMedium) {
padding: 100px 10vw;
}
}

12
src/components/ImageCarousel/ImageCarousel.example.js
View file

@ -1,7 +1,6 @@
import React from 'react';
import { types as sdkTypes } from '../../util/sdkLoader';
import ImageCarousel from './ImageCarousel';
import css from './ImageCarousel.example.css';
const { UUID } = sdkTypes;
@ -110,8 +109,6 @@ const imageLandscape = {
const ImageCarouselWrapper = props => {
const wrapperStyles = {
width: '100%',
height: 400,
backgroundColor: '#000',
};
return (
@ -123,15 +120,18 @@ const ImageCarouselWrapper = props => {
export const NoImages = {
component: ImageCarouselWrapper,
props: { images: [], rootClassName: css.root },
props: { images: [] },
rawOnly: true,
};
export const SingleImage = {
component: ImageCarouselWrapper,
props: { images: [imageSquare], rootClassName: css.root },
props: { images: [imageSquare] },
rawOnly: true,
};
export const MultipleImages = {
component: ImageCarouselWrapper,
props: { images: [imageLandscape, imagePortrait, imageSquare], rootClassName: css.root },
props: { images: [imageLandscape, imagePortrait, imageSquare] },
rawOnly: true,
};