UNPKG

tu-view-plus

Version:
63 lines (56 loc) 1.15 kB
.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; }