@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) • 997 B
JavaScript
const i=i=>({dataGrid:t=>({"& .MuiDataGrid-iconSeparator":{display:"none"},"& .MuiDataGrid-cellCheckbox":{[t.breakpoints.down("sm")]:{alignItems:"flex-start"}},'& .MuiDataGrid-row:has(button[aria-expanded="true"])':{backgroundColor:`rgba(${t.vars.palette.primary.mainChannel} / 0.12)`},"& .file-management-action-cell":{"& .MuiDataGrid-actionsCell":{display:"flex",flex:1,justifyContent:"end",gap:0,"& .MuiIconButton-root":{p:2,"&:hover":{"& .MuiSvgIcon-root":{color:"primary.main"}},"& .MuiSvgIcon-root":{height:20,width:20},"&.Mui-disabled":{pointerEvents:"auto","&:hover":{"& .MuiSvgIcon-root":{color:"inherit"}}}}},[t.breakpoints.down("sm")]:{pl:0,alignItems:"flex-start"}},"& .MuiDataGrid-row":{p:{xs:2,sm:0},[t.breakpoints.down("sm")]:{"&:first-of-type":{borderTop:`0.5px solid ${t.vars.palette.divider}`}},"& .MuiDataGrid-cellAction-onHover":{"& .MuiButtonBase-root":{visibility:i?"inherit":"visible"},"& .MuiButtonBase-root:last-child":{visibility:"visible"}}}})});export{i as getStyles};