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

Styleguide cleaning: ImageCarousel was using vw units (temp fix for styleguide)

Browse source
This commit is contained in:
Vesa Luusua 2018-10-25 13:16:31 +03:00
parent 6200e7f593
commit 6cc16430e3
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -1,6 +1,7 @@
import React from 'react';
import { types as sdkTypes } from '../../util/sdkLoader';
import ImageCarousel from './ImageCarousel';
import css from './ImageCarousel.example.css';
const { UUID } = sdkTypes;
@ -122,15 +123,15 @@ const ImageCarouselWrapper = props => {
export const NoImages = {
component: ImageCarouselWrapper,
props: { images: [] },
props: { images: [], rootClassName: css.root },
};
export const SingleImage = {
component: ImageCarouselWrapper,
props: { images: [imageSquare] },
props: { images: [imageSquare], rootClassName: css.root },
};
export const MultipleImages = {
component: ImageCarouselWrapper,
props: { images: [imageLandscape, imagePortrait, imageSquare] },
props: { images: [imageLandscape, imagePortrait, imageSquare], rootClassName: css.root },
};