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