150 lines
3.3 KiB
SCSS
150 lines
3.3 KiB
SCSS
.table-container {
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
border: 1px solid $border-color;
|
|
|
|
.table-hover > tbody > tr:hover > * {
|
|
--bs-table-accent-bg: #f2f2f2;
|
|
}
|
|
|
|
.table > :not(:first-child) {
|
|
border-top: none;
|
|
}
|
|
|
|
.table {
|
|
border-radius: 6px;
|
|
background-color: #fff;
|
|
margin: 0;
|
|
|
|
th, td {
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
thead {
|
|
th, td {
|
|
font-weight: 500;
|
|
|
|
a {
|
|
color: $primary-color;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
|
|
i {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
th, td {
|
|
color: $gray-color;
|
|
|
|
.no, .yes, .wait {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.no {
|
|
color: $danger-color;
|
|
}
|
|
|
|
.yes {
|
|
color: $success-color;
|
|
}
|
|
|
|
.wait {
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
|
|
.td-actions {
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.btn-action {
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 5px;
|
|
transition: 0.15s all ease;
|
|
|
|
i {
|
|
margin: 0 !important;
|
|
}
|
|
}
|
|
|
|
.td-pagination {
|
|
padding: 0;
|
|
|
|
nav {
|
|
padding: 10px;
|
|
|
|
ul {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.subcrud {
|
|
.table {
|
|
th, td {
|
|
padding: 8px 10px;
|
|
|
|
&:first-child {
|
|
padding: 8px 10px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.select2-container {
|
|
max-width: 250px;
|
|
}
|
|
|
|
.select2-container .select2-selection--single {
|
|
border: none !important;
|
|
background-color: transparent !important;
|
|
|
|
&:focus, &:active {
|
|
border: none !important;
|
|
outline: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.form-table {
|
|
.table {
|
|
white-space: nowrap;
|
|
|
|
tbody {
|
|
td, th {
|
|
.form-control {
|
|
margin: 0 !important;
|
|
background-color: transparent !important;
|
|
border: none;
|
|
height: 100%;
|
|
min-width: 100px;
|
|
min-height: 38px;
|
|
padding: 0 !important;
|
|
max-width: 100% !important;
|
|
width: 100% !important;
|
|
border-radius: 0 !important;
|
|
|
|
&:focus {
|
|
border: none !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|