@wonderflow/react-components/dist/examples/shell.module.css

UI components from Wonderflow's Wanda design system

@layer components{.MainContainer{background-color:#f9fafb}.LeftMenu{background-color:var(--global-background);border-right:1px solid var(--dimmed-1);max-width:63px;min-width:63px}.LeftMenu[data-is-open=true]{max-width:279px;min-width:279px}.LeftMenuInner{wordbreak:break-all;background-color:var(--dimmed-1);border-bottom:1px solid var(--dimmed-1);height:64px;max-height:64px;padding:.5rem}.LeftMenuInner[data-is-open=true]{background-color:var(--global-background);height:250px;max-height:250px}.MainMenu{maxheight:64px;border-bottom:1px solid var(--dimmed-1);height:64px;padding:0 2rem}.MainMenu,.RightMenu{background-color:var(--global-background)}.RightMenu{border-left:1px solid var(--dimmed-1);max-width:0;min-width:0;overflow:hidden}.RightMenu[data-is-open=true]{max-width:299px;min-width:299px}.RightMenuInner{wordbreak:break-all;background-color:var(--global-background);border-bottom:1px solid var(--dimmed-1);height:4rem;max-height:4rem;padding:.5rem}.Container{height:calc(100vh - 64px);overflow:auto}.Filter{max-height:calc(100vh - 64px);overflow-y:scroll}}