@import './base.css';
|
|
.main {
|
height: 100vh;
|
overflow: hidden;
|
}
|
|
.main .main-sider {
|
overflow-x: hidden;
|
overflow-y: scroll;
|
user-select: none;
|
}
|
|
.main .main-sider::-webkit-scrollbar {
|
width: 5px !important;
|
}
|
|
.main .main-sider::-webkit-scrollbar-track {
|
background: #f1f1f1;
|
border-radius: 10px;
|
}
|
|
.main .main-sider::-webkit-scrollbar-thumb {
|
background: #888;
|
border-radius: 10px;
|
}
|
|
.main .main-sider::-webkit-scrollbar-thumb:hover {
|
background: #555;
|
}
|
|
.trigger {
|
font-size: 14px;
|
line-height: 64px;
|
padding: 0 6px;
|
cursor: pointer;
|
transition: color 0.3s;
|
color: #333333;
|
}
|
|
.trigger:hover {
|
color: #1890ff;
|
}
|
|
.active {
|
color: #1890ff !important;
|
}
|
|
.active:hover {
|
color: #333333 !important;
|
}
|
|
.triggerLarge {
|
font-size: 18px !important;
|
}
|
|
.logo {
|
height: 50px;
|
/* background: rgba(255, 255, 255, 0.3); */
|
background: url('/public/img/logo.png') no-repeat;
|
background-size: 100%;
|
margin: 16px;
|
}
|
|
.site-layout .site-layout-background {
|
background: #fff;
|
}
|
|
.header-top {
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
}
|
|
.header-top-left {
|
flex: 1;
|
}
|
|
.header-top-right {
|
margin-right: 20px;
|
color: #333333;
|
cursor: pointer;
|
user-select: none;
|
flex: 4;
|
display: flex;
|
justify-content: flex-end;
|
font-size: 14px;
|
}
|
|
.header-top-right>div {
|
margin-right: 15px;
|
}
|
|
.header-user {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
color: #333333;
|
cursor: pointer;
|
user-select: none;
|
}
|
|
.tabs-fixed {
|
width: 100%;
|
position: relative;
|
top: -64px;
|
left: -24px;
|
display: flex;
|
}
|
|
.tabs-arrow-left {
|
position: absolute;
|
|
width: 40px;
|
height: 30px;
|
background: #fff;
|
display: flex;
|
justify-content: space-evenly;
|
align-items: center;
|
padding: 20px 0px;
|
cursor: pointer;
|
margin-right: 5px;
|
user-select: none;
|
}
|
|
.tabs-arrow-right {
|
position: absolute;
|
right: -54px;
|
|
width: 40px;
|
height: 30px;
|
background: #fff;
|
display: flex;
|
justify-content: space-evenly;
|
align-items: center;
|
padding: 20px 0px;
|
cursor: pointer;
|
margin-right: 5px;
|
user-select: none;
|
}
|
|
.tabs-arrow-left {
|
float: left;
|
}
|
|
.tabs-content {
|
width: 97%;
|
display: flex;
|
margin-left: 45px;
|
margin-right: 25px;
|
overflow-x: scroll;
|
will-change: transform;
|
transition: transform 0.3s;
|
scrollbar-width: none; /* Firefox */
|
-ms-overflow-style: none; /* IE and Edge */
|
}
|
|
.tabs-content-item {
|
flex: 10;
|
display: flex;
|
}
|
|
.tabs-item {
|
min-width: 120px;
|
height: 30px;
|
background: #fff;
|
display: flex;
|
justify-content: space-evenly;
|
align-items: center;
|
padding: 20px 0px;
|
cursor: pointer;
|
margin-right: 5px;
|
user-select: none;
|
}
|
|
.tabs-item>div:nth-child(1) {
|
margin-right: 5px;
|
margin-left: 5px;
|
}
|
|
.tabs-item>div:nth-child(1):hover {
|
color: #1890ff;
|
}
|
|
.tabs-item>div:nth-child(2) {
|
margin-right: 5px;
|
margin-left: 5px;
|
}
|
|
.tabs-item>div:nth-child(3) {
|
margin-right: 5px;
|
margin-left: 5px;
|
}
|
|
.tabs-item>div:nth-child(3):hover {
|
color: #1890ff;
|
}
|
|
.tabs-item-active>div:nth-child(2) {
|
color: rgb(24, 144, 255);
|
}
|
|
.tabs-item-reload-none {
|
display: none;
|
}
|
|
.table-header {
|
margin-bottom: 20px;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.table-header-right>button {
|
margin-right: 10px;
|
}
|
|
.content-view {
|
margin: 45px 16px;
|
margin-top: 60px;
|
padding: 24px;
|
background: #fff;
|
min-height: 280px;
|
}
|
|
.form-block {
|
display: flex;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
}
|
|
.form-block .ant-form-item {
|
width: 100%;
|
}
|
