plus-pro-components/theme-chalk/plus-layout.css

Page level components developed based on Element Plus.

:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-layout{height:100vh;overflow:hidden}.plus-layout.el-container{flex-direction:column}.plus-layout .plus-sidebar{height:calc(100vh - var(--plus-header-height));min-width:var(--plus-sidebar-min-width)}.plus-layout .plus-layout-main{flex:1;height:calc(100vh - var(--plus-header-height));width:calc(100% - var(--plus-sidebar-width))}.plus-layout.collapse .plus-layout-main{width:calc(100% - var(--plus-sidebar-min-width))}.plus-layout .plus-layout-content{padding:0}