@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) • 807 B
JavaScript
const e={solutions:{maxWidth:320,maxHeight:440,p:6,overflow:"auto"},item:e=>({display:"flex",flexDirection:"column",minHeight:76,alignItems:"center","&:hover":{"& > .MuiBox-root":{boxShadow:"none",backgroundColor:`rgba(${e.vars.palette.primary.lightChannel} / 0.06)`}},"&:focus, &:active":{"& > .MuiBox-root":{boxShadow:"none",backgroundColor:`rgba(${e.vars.palette.primary.lightChannel} / 0.12)`}}}),logo:{display:"flex",width:"3.5rem",height:"3.5rem",borderRadius:2,justifyContent:"center",alignItems:"center"},img:{maxWidth:"2.5rem",maxHeight:"2.5rem",objectFit:"contain",'&[src=""]':{opacity:0}},title:e=>({px:1.5,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",textAlign:"center",WebkitLineClamp:"2",WebkitBoxOrient:"vertical",color:"text.primary"}),more:{mt:9}};export{e as styles};