@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 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/styles");const t={thumbnail:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",outline:"1px solid",outlineColor:e=>e.vars.palette.divider,borderRadius:1,cursor:"pointer",mt:1,mr:7.5,mb:2,img:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",borderRadius:1},".thumbnailCamera":e=>({position:"absolute",display:"none",zIndex:1,fontSize:68,color:"common.white",[e.breakpoints.down("sm")]:{display:"block",fontSize:20,color:"grey.500",top:"8px",left:"8px"}}),"&:hover":{backgroundColor:t=>e.alpha(t.palette.common.black,.4),".thumbnailCamera":e=>({display:"block",[e.breakpoints.down("sm")]:{color:"common.white"}})}},placeholder:{width:88,fill:e=>e.vars.palette.grey[300]},thumbnailContainer:{pl:"45px !important",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center","& .MuiTypography-root":{mr:8},"& .MuiButtonBase-root":{mr:8}}};exports.styles=t;