@uiw-admin/layout-tabs
Version:
63 lines (62 loc) • 1.31 kB
CSS
.uiw-layout-tabs-warp {
margin: -14px;
position: relative;
}
.uiw-tabs-warp {
position: sticky;
top: -14px;
z-index: 9;
background: #fff;
border-bottom: 1px solid ;
padding: 3px;
border-bottom: 1px solid #e9e9e9;
}
.uiw-tabs-warp .w-tabs-flow-content {
display: inline-flex;
align-items: center;
position: relative;
z-index: 9;
}
.uiw-tabs-warp .w-tabs-bar::-webkit-scrollbar {
height: 0px;
}
.uiw-tabs-warp .w-tabs-item {
border-radius: 4px ;
border-bottom: 1px solid #d9d9d9 ;
bottom: 0 ;
height: 32px;
display: inline-flex;
align-items: center;
}
.uiw-tabs-warp .w-tabs-item .w-icon {
position: relative;
right: -7px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 12px;
margin-left: 3px ;
transition: background .5s;
}
.uiw-tabs-warp .w-tabs-item:hover .w-icon {
background: rgba(167, 182, 194, 0.3);
}
.uiw-tabs-warp .w-tabs-flow-content > span {
line-height: 1;
position: relative;
top: -5px;
}
.uiw-tabs-warp .w-tabs-bar {
height: 100%;
}
.uiw-tabs-warp .w-tabs-nav::after {
display: none ;
}
.uiw-layout-tabs-warp .uiw-layout-tabs-body {
margin: 14px;
height: calc(100% - 64px);
box-sizing: border-box;
}