@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.23 kB
JavaScript
const e={root:{position:"relative",width:"100%",height:"100%",userSelect:"none",".slick-list":{height:"100%",width:"100%",".slick-track":{height:"100%",overflow:"hidden",".slick-slide":{height:"100%",width:"100%","& > div":{height:"100%",width:"100%"}}}},".NexusImageCarousel-swipeableViews":{height:"calc(100% - 48px)",width:"100%",margin:"0 auto",overflow:"hidden",display:"flex",justifyContent:"center","&.NexusImageCarousel-swipeableViews--middle-control":{width:"calc(100% - 68px)"}}},carouselImageContainer:{position:"relative",display:"flex !important",justifyContent:"center",alignItems:"center",height:"100%"},carouselMiddleControls:{position:"absolute",top:"calc(50% - 48px)",display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between",zIndex:1},carouselImage:{display:"block",objectFit:"contain",maxHeight:"100%",maxWidth:"100%",overflow:"hidden",WebkitUserDrag:"none"},mobileStepper:{height:48,"&.MuiMobileStepper-root":{position:"relative",justifyContent:"center",".MuiButton-root":{position:"absolute","&:first-child":{left:8},"&:last-child":{right:8}}}}},t={fullScreenButton:{position:"absolute",top:20,zIndex:1,color:"text-primary"}};export{t as fullScreenStyles,e as imageCarouselStyles};