73 lines
1.5 KiB
SCSS
73 lines
1.5 KiB
SCSS
|
.tableContainer {
|
||
|
|
.searchSection {
|
||
|
|
.searchFormDialog {
|
||
|
|
padding: 0 14px;
|
||
|
|
.searchForm {
|
||
|
|
padding: 28px 16px;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
|
||
|
|
}
|
||
|
|
.submitter {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 10px;
|
||
|
|
color: #fff;
|
||
|
|
.confirmBtn,
|
||
|
|
.cancelBtn {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 40px;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.confirmBtn {
|
||
|
|
background-color: rgba(77, 192, 229, 1);
|
||
|
|
}
|
||
|
|
.cancelBtn {
|
||
|
|
background-color: rgba(15, 54, 117, 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.datePreset {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
::v-deep .checklist-group .checklist-box .radio__inner {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
::v-deep .checklist-group .checklist-box .radio__inner .radio__inner-icon {
|
||
|
|
border-radius: 2px;
|
||
|
|
}
|
||
|
|
::v-deep .checklist-group .checklist-box.is--default.is-checked .radio__inner {
|
||
|
|
border-color: #e5e5e5 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tableSection {
|
||
|
|
margin-top: 10px;
|
||
|
|
.tableTh {
|
||
|
|
.columnItem {
|
||
|
|
background-color: #f6f6f6;
|
||
|
|
font-weight: 400;
|
||
|
|
&:first-child {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
border-top: 2px solid #29bbe4;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.rowItem:last-child {
|
||
|
|
.columnItem {
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.columnItem:first-child {
|
||
|
|
background-color: #fff;
|
||
|
|
position: sticky;
|
||
|
|
left: 0px;
|
||
|
|
transition: all 0.3s;
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
box-shadow: 0px 17px 17px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.uni-table-tr:hover .columnItem:first-child {
|
||
|
|
background-color: #f5f7fa;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|