77 lines
1.1 KiB
CSS
77 lines
1.1 KiB
CSS
.dt-input {
|
|
@apply input;
|
|
@apply input-sm;
|
|
@apply input-bordered;
|
|
}
|
|
|
|
.dt-length {
|
|
@apply m-3;
|
|
@apply justify-self-start;
|
|
}
|
|
|
|
.dt-search {
|
|
@apply m-3;
|
|
@apply px-3;
|
|
@apply justify-self-end;
|
|
|
|
.dt-input {
|
|
@apply mx-3;
|
|
}
|
|
}
|
|
|
|
.dt-container .dt-layout-row {
|
|
display: table;
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
|
|
.dt-container .dt-layout-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.dt-container .dt-layout-cell {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.dataTable {
|
|
tbody {
|
|
tr {
|
|
@apply hover:bg-gray-100;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.dataTable {
|
|
.selected {
|
|
@apply bg-gray-300;
|
|
@apply hover:bg-gray-300;
|
|
}
|
|
|
|
}
|
|
|
|
.dt-paging-button {
|
|
border-radius: 8px;
|
|
border: 1px solid transparent;
|
|
padding: 0.6em 1.2em;
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
font-family: inherit;
|
|
cursor: pointer;
|
|
transition: border-color 0.25s;
|
|
}
|
|
|
|
.dt-paging-button:hover {
|
|
border-color: #646cff;
|
|
}
|
|
.dt-paging-button:focus,
|
|
.dt-paging-button:focus-visible {
|
|
outline: 4px auto -webkit-focus-ring-color;
|
|
}
|
|
|
|
|