.detail-wrap {
|
position: relative;
|
|
.plus-line, .del-line {
|
position: absolute;
|
right: -40px;
|
top: 5px;
|
font-size: 26px;
|
border: 1px solid var(--inv-color, #13509c);
|
width: 30px;
|
height: 30px;
|
transition: all 0.3s;
|
cursor: pointer;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
.plus-line::before, .del-line::before {
|
content: ' ';
|
position: absolute;
|
top: 13px;
|
width: 12px;
|
height: 1px;
|
background: var(--inv-color, #13509c);
|
transition: all 0.3s;
|
}
|
.plus-line::after {
|
content: ' ';
|
position: absolute;
|
top: 13px;
|
width: 12px;
|
height: 1px;
|
background: var(--inv-color, #13509c);
|
transform: rotate(90deg);
|
transition: all 0.3s;
|
}
|
|
.del-line {
|
display: none;
|
}
|
.mk-tr:hover {
|
.del-line {
|
display: flex;
|
}
|
.del-line::after {
|
content: ' ';
|
position: absolute;
|
top: -6px;
|
width: 12px;
|
height: 40px;
|
left: -12px;
|
}
|
}
|
|
.mk-th, .mk-tr, .mk-total {
|
position: relative;
|
display: flex;
|
border-bottom: var(--inv-color, #13509c) 1px solid;
|
|
.mk-td {
|
width: 10%;
|
height: 40px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
padding: 0 5px;
|
}
|
.mk-td:not(:last-child) {
|
border-right: var(--inv-color, #13509c) 1px solid;
|
}
|
.mk-td:first-child {
|
width: 20%;
|
}
|
.mk-td:nth-child(2), .mk-td:nth-child(6) {
|
width: 15%;
|
}
|
|
.mk-left {
|
justify-content: start;
|
}
|
.mk-right {
|
justify-content: end;
|
}
|
|
.mk-input {
|
position: relative;
|
height: 28px;
|
width: 100%;
|
background: #ffffff;
|
border-bottom: 1px solid #d9d9d9;
|
transition: all 0.3s;
|
|
.anticon-ellipsis {
|
position: absolute;
|
right: 0px;
|
padding: 5px 10px;
|
cursor: pointer;
|
}
|
}
|
.mk-input:hover {
|
border-color: var(--inv-color, #13509c);
|
}
|
|
.ant-input {
|
background: #ffffff;
|
}
|
}
|
.mk-tr.active, .mk-tr:hover {
|
background: var(--mk-sys-color1);
|
}
|
.mk-upcase {
|
display: flex;
|
|
.mk-td {
|
width: 40%;
|
height: 40px;
|
display: flex;
|
align-items: center;
|
padding: 0 20px;
|
}
|
.mk-td:first-child {
|
width: 20%;
|
padding: 0;
|
border-right: var(--inv-color, #13509c) 1px solid;
|
justify-content: center;
|
}
|
.mk-td:last-child {
|
justify-content: end;
|
}
|
}
|
}
|
