@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.39 kB
JavaScript
import o from"@emotion/styled";import{alpha as t}from"@mui/material/styles";const e={container:{display:"flex",flex:1,flexDirection:"column",borderBottom:"1px solid",borderBottomColor:"divider"},contentContainer:o=>({display:"flex",flexDirection:"row",cursor:"pointer",px:4,py:4,"&:hover":{backgroundColor:t(o.palette.grey[800],.04),...o.applyStyles("dark",{backgroundColor:t(o.palette.common.white,.04)}),a:{textDecoration:"underline"},"& .NexusNotificationContent-menuButton":{visibility:"visible"},"& .NexusNotificationContent-system-avatar":{backgroundColor:"grey.100",...o.applyStyles("dark",{backgroundColor:"grey.700"})},"& .NexusNotificationItem-system-avatar ":{backgroundColor:"grey.100",...o.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:o=>({backgroundColor:"grey.50",...o.applyStyles("dark",{backgroundColor:"grey.700"}),"& .MuiSvgIcon-root":{fontSize:20}})},r=o("div")((({theme:o})=>({width:8,height:8,borderRadius:4,backgroundColor:o.vars.palette.info.main,marginRight:8,marginTop:16,cursor:"default"})));export{r as NotificationBadge,e as styles};