tu-view-plus
Version:
63 lines (56 loc) • 1.15 kB
CSS
.tu-layout {
display: flex;
flex: 1;
flex-direction: column;
margin: 0;
padding: 0;
}
.tu-layout__sider {
position: relative;
flex: none;
width: auto;
margin: 0;
padding: 0;
transition: width var(--tu-transition-duration-2, 0.2s) cubic-bezier(0.34, 0.69, 0.1, 1);
}
.tu-layout__sider-children {
height: 100%;
}
.tu-layout__sider-trigger {
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 48px;
color: var(--tu-color-text, #71757f);
cursor: pointer;
transition: width var(--tu-transition-duration-2, 0.2s) cubic-bezier(0.34, 0.69, 0.1, 1);
}
.tu-layout__sider.is-collapsed .tu-layout__children::-webkit-scrollbar {
width: 0;
}
.tu-layout__sider.is-has-trigger {
box-sizing: border-box;
padding-bottom: 48px;
}
.tu-layout__header {
flex: 0 0 auto;
box-sizing: border-box;
margin: 0;
}
.tu-layout__content {
flex: 1;
}
.tu-layout__footer {
flex: 0 0 auto;
margin: 0;
}
.tu-layout.is-has-sider {
flex-direction: row;
overflow-x: hidden;
}
.tu-layout.is-has-sider .tu-layout__content {
overflow-x: hidden;
}