79 lines
1.3 KiB
SCSS
Raw Normal View History

2023-03-20 15:49:41 +08:00
$primary: #409eff;
.unit-table {
2023-04-25 10:48:27 +08:00
margin-top: 80px;
2023-03-20 15:49:41 +08:00
.form {
display: flex;
justify-content: space-between;
.form-item {
width: 45%;
.search {
position: absolute;
top: 0;
2023-04-07 17:09:02 +08:00
right: 0;
2023-03-20 15:49:41 +08:00
border-top-left-radius: 0;
2023-04-07 17:09:02 +08:00
border-bottom-left-radius: 0;
2023-03-20 15:49:41 +08:00
}
&:not(:first-child) {
margin-right: 0;
}
}
}
.table {
margin-top: 15px;
.input {
display: flex;
align-items: center;
font-size: 12px;
.selectFile {
flex-shrink: 0;
padding: 2px 6px;
font-size: 13px;
2023-04-07 17:09:02 +08:00
color: $primary;
2023-03-20 15:49:41 +08:00
cursor: pointer;
2023-04-07 17:09:02 +08:00
background-color: transparent;
border: 1px solid $primary;
border-radius: 3px;
outline: none;
2023-03-20 15:49:41 +08:00
}
> span {
flex-shrink: 0;
width: 50%;
2023-04-07 17:09:02 +08:00
padding-top: 2px;
2023-03-20 15:49:41 +08:00
margin-left: 5px;
2023-04-07 17:09:02 +08:00
overflow: hidden;
color: #999999;
2023-03-20 15:49:41 +08:00
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
.position {
position: relative;
.divide {
position: absolute;
top: 50%;
2023-04-25 10:48:27 +08:00
left: -124px;
2023-04-07 17:09:02 +08:00
display: flex;
color: #333333;
2023-03-20 15:49:41 +08:00
transform: translateY(-50%);
.index {
margin-right: 15px;
}
.line {
position: absolute;
top: calc(100% + 6px);
2023-04-07 17:09:02 +08:00
left: 12px;
2023-03-20 15:49:41 +08:00
width: 1px;
2023-04-25 10:48:27 +08:00
height: 285px;
2023-04-07 17:09:02 +08:00
background-color: #999999;
2023-03-20 15:49:41 +08:00
}
}
}
&:last-child {
.line {
display: none;
}
}
}