feat: enhance news API schema with author and categories details,
desc: update dashboard to display author names, and improve pagination button styles
This commit is contained in:
+36
@@ -37,3 +37,39 @@ nav[aria-label='pagination'] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
/* Style untuk tombol aktif (current) */
|
||||
.dt-paging-button.current {
|
||||
background-color: #2e2f7c !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* Style tombol aktif, kecuali jika disabled */
|
||||
div.dt-container .dt-paging .dt-paging-button.current:not(.disabled),
|
||||
div.dt-container .dt-paging .dt-paging-button.current:not(.disabled):hover {
|
||||
color: white !important;
|
||||
background-color: #2e2f7c !important;
|
||||
min-width: 24px;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
|
||||
/* Style tombol disabled */
|
||||
div.dt-container .dt-paging .dt-paging-button.disabled {
|
||||
background-color: transparent !important;
|
||||
color: #ccc !important;
|
||||
cursor: not-allowed;
|
||||
pointer-events: none; /* Agar tidak bisa diklik */
|
||||
}
|
||||
|
||||
/* Menghindari hover effect untuk tombol yang disabled */
|
||||
div.dt-container .dt-paging .dt-paging-button:not(.disabled):hover {
|
||||
background-color: #2e2f7c !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* Style default tombol */
|
||||
div.dt-container .dt-paging .dt-paging-button {
|
||||
min-width: 24px;
|
||||
padding: 3px 6px;
|
||||
background-color: transparent !important;
|
||||
color: #2e2f7c !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user