80 lines
2.2 KiB
CSS
80 lines
2.2 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
@import 'tailwindcss';
|
|
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
@import 'datatables.net-dt';
|
|
/* @import 'datatables.net-responsive-dt';
|
|
@import 'datatables.net-select-dt'; */
|
|
|
|
@theme {
|
|
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif,
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
--font-admin: 'Poppins', ui-sans-serif, system-ui, sans-serif,
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
}
|
|
|
|
html,
|
|
body {
|
|
}
|
|
|
|
.ProseMirror-focused {
|
|
@apply outline-none;
|
|
}
|
|
|
|
.ProseMirror-trailingBreak {
|
|
@apply hidden;
|
|
}
|
|
|
|
table.dataTable thead > tr {
|
|
border-bottom: 2px solid #c2c2c2;
|
|
}
|
|
|
|
table.dataTable tbody > tr > td {
|
|
border-left: none !important;
|
|
border-right: none !important;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
|
|
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;
|
|
}
|