@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.55 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),o=require("@mui/material/styles");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r={container:{display:"flex",flex:1,flexDirection:"column",borderBottom:"1px solid",borderBottomColor:"divider"},contentContainer:e=>({display:"flex",flexDirection:"row",cursor:"pointer",px:4,py:4,"&:hover":{backgroundColor:o.alpha(e.palette.grey[800],.04),...e.applyStyles("dark",{backgroundColor:o.alpha(e.palette.common.white,.04)}),a:{textDecoration:"underline"},"& .NexusNotificationContent-menuButton":{visibility:"visible"},"& .NexusNotificationContent-system-avatar":{backgroundColor:"grey.100",...e.applyStyles("dark",{backgroundColor:"grey.700"})},"& .NexusNotificationItem-system-avatar ":{backgroundColor:"grey.100",...e.applyStyles("dark",{backgroundColor:"grey.700"})}}}),content:{display:"flex",flex:1,flexDirection:"column",width:"100%",overflow:"hidden"},notificationContent:{display:"flex",flex:1,flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",cursor:"default"},moreAvatars:{"& .MuiAvatar-root":{position:"inherit",width:24,height:24,fontSize:10}},iconAvatar:e=>({backgroundColor:"grey.50",...e.applyStyles("dark",{backgroundColor:"grey.700"}),"& .MuiSvgIcon-root":{fontSize:20}})},i=t(e).default("div")((({theme:e})=>({width:8,height:8,borderRadius:4,backgroundColor:e.vars.palette.info.main,marginRight:8,marginTop:16,cursor:"default"})));exports.NotificationBadge=i,exports.styles=r;