@antdp/basic-layouts
Version:
126 lines (125 loc) • 3.09 kB
CSS
#root,
html,
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
.antdp-basic-layouts {
width: 100%;
height: 100%;
/* ---------------------- */
}
.antdp-basic-layouts .antdp-basic-layouts-sider {
height: 100%;
box-sizing: border-box;
min-height: 100%;
background-color: var(--primary-slider-bg);
box-shadow: 2px 0 8px var(--primary-shadow);
overflow: auto;
z-index: 99;
}
.antdp-basic-layouts .antdp-basic-layouts-sider .ant-layout-sider-trigger {
background: 0 0;
background-color: var(--primary-slider-bg);
border-top: 1px solid var(--primary-slider-trigger-border);
color: var(--primary-sider-trigger-text-color);
}
.antdp-basic-layouts .antdp-basic-layouts-sider .antdp-basic-layouts-collapsed {
float: left;
}
.antdp-basic-layouts .antdp-basic-layouts-header {
padding: 0 ;
margin: 0;
background-color: var(--primary-header-bg) ;
line-height: 48px ;
height: 48px ;
display: flex;
position: relative;
box-sizing: border-box;
box-shadow: 0px 1 4px 0 rgba(15, 28, 41, 0.08);
z-index: 100;
}
.antdp-basic-layouts .antdp-basic-layouts-header-breadcrumb {
padding-left: 10px;
}
.antdp-basic-layouts .antdp-basic-layouts-header-body {
display: flex;
align-items: center;
flex: 1;
padding-right: 14px;
box-sizing: border-box;
}
.antdp-basic-layouts .antdp-basic-layouts-header-body svg {
color: var(--primary-header-text-color);
}
.antdp-basic-layouts .antdp-basic-layouts-header-user {
display: flex;
float: right;
box-sizing: border-box;
color: var(--primary-header-text-color);
}
.antdp-basic-layouts .antdp-basic-layouts-header-menus {
position: relative;
flex: 1;
overflow: hidden;
width: 95%;
box-sizing: border-box;
display: flex;
align-items: center;
}
.antdp-basic-layouts .antdp-basic-layouts-collapsed {
padding-left: 10px;
}
.antdp-basic-layouts .antdp-basic-layouts-header-body img {
display: inline-block;
height: 28px;
vertical-align: middle;
}
.antdp-basic-layouts .antdp-global-title-top {
background: none ;
}
.antdp-basic-layouts .antdp-global-title {
position: relative;
padding: 0 24px;
overflow: hidden;
background: #001529;
cursor: pointer;
transition: all 0.3s;
float: left;
box-sizing: border-box;
}
.antdp-basic-layouts .antdp-global-title-left a {
height: 64px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.antdp-basic-layouts .antdp-global-title h1 {
box-sizing: border-box;
display: inline-block;
margin: 0 0 0 12px;
font-weight: 600;
font-size: 18px;
vertical-align: middle;
animation: fade-in;
animation-duration: 0.3s;
white-space: nowrap;
color: var(--primary-title-text-color);
}
.antdp-basic-layouts .antdp-global-title img {
display: inline-block;
height: 28px;
vertical-align: middle;
}
.antdp-basic-layouts .antdp-basic-layouts-content {
height: 100%;
overflow: auto;
background-color: var(--primary-content-bg);
}
.ant-layout .ant-layout-sider-children {
display: flex;
flex-direction: column;
height: 100%;
}