@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) • 682 B
JavaScript
const o={popper:{zIndex:o=>o.zIndex.modal,width:{xs:"100%",sm:400,lg:480}},paper:o=>({display:"flex",flex:1,flexDirection:"column",maxHeight:{xs:"100vh",sm:674},width:{xs:"100vm",sm:"100%"},height:{xs:"100vh",sm:"100%"},backgroundImage:"none",borderRadius:2,backgroundColor:"common.white",boxShadow:8,...o.applyStyles("dark",{backgroundColor:"background.paper"})}),list:o=>({overflowY:"auto",overflowX:"hidden",px:0,"& ul":{padding:0},"&::-webkit-scrollbar":{width:6,borderRadius:4,backgroundColor:"#F9F9F9",...o.applyStyles("dark",{backgroundColor:"background.paper"})},"&::-webkit-scrollbar-thumb":{backgroundColor:o.vars.palette.grey[600],borderRadius:4}})};export{o as styles};