sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.45 kB
JavaScript
import styled,{css}from"styled-components";import{Color as PC}from"@scaleflex/ui/utils/types/palette";var StyledCarouselWrapper=styled.div.withConfig({componentId:"sc-n24ql4-0"})(["max-width:680px;min-width:150px;position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;"]),StyledCarousel=styled.ul.withConfig({componentId:"sc-n24ql4-1"})(["padding:0;margin:0;white-space:nowrap;overflow:hidden;"]),StyledCarouselItem=styled.li.withConfig({componentId:"sc-n24ql4-2"})(["padding:4px;display:inline-block;list-style-type:none;user-select:none;"]),arrowsCommonStyles=css(["position:absolute;top:0;height:100%;width:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;svg{color:",";}"],function(a){var b=a.theme.palette;return b[PC.IconsSecondary]}),StyledPrevArrowWrapper=styled.div.withConfig({componentId:"sc-n24ql4-3"})([""," left:0;justify-content:flex-start;background:linear-gradient( 90deg,#ffffff 1.56%,rgba(255,255,255,0.89) 52.4%,rgba(255,255,255,0.532165) 76.04%,rgba(255,255,255,0) 100% );"],arrowsCommonStyles),StyledNextArrowWrapper=styled.div.withConfig({componentId:"sc-n24ql4-4"})([""," right:0;justify-content:flex-end;background:linear-gradient( 270deg,#ffffff 1.56%,rgba(255,255,255,0.89) 52.4%,rgba(255,255,255,0.532165) 76.04%,rgba(255,255,255,0) 100% );"],arrowsCommonStyles);export{StyledCarouselWrapper,StyledCarousel,StyledCarouselItem,StyledPrevArrowWrapper,StyledNextArrowWrapper};