@uiw/react-layout
Version:
React components that handle the overall layout of the page.
1 lines • 645 B
CSS
.w-layout,.w-layout *{box-sizing:border-box}.w-layout{background:#f0f2f5;display:flex;flex:auto;flex-direction:column;margin:0;min-height:0;padding:0}.w-layout.w-layout-has-sider>.w-layout,.w-layout.w-layout-has-sider>.w-layout-content{width:0}.w-layout-footer,.w-layout-header{flex:0 0 auto}.w-layout-header{background:#202225;color:rgba(0,0,0,.65);height:53px;line-height:53px;padding:0 23px}.w-layout-footer{background:#f0f2f5;color:rgba(0,0,0,.65);font-size:14px;padding:16px 23px}.w-layout-content{flex:auto}.w-layout.w-layout-has-sider{flex-direction:row}.w-layout-sider{background:#343a40;min-width:0;position:relative;transition:all .2s}