Initial commit, repo migration
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
.accordion-custom .p-accordion-header .p-accordion-header-link {
|
||||
padding: 0.1rem 1.2rem;
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-0:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--red-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-0:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--red-200);
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-1:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--green-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-1:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--green-200);
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-2:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--blue-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-2:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--blue-200);
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-3:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--yellow-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-3:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--yellow-200);
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-4:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--cyan-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-4:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--cyan-200);
|
||||
}
|
||||
|
||||
.p-accordion .accordion-tab-5:not(.p-disabled) .p-accordion-header-link {
|
||||
background-color: var(--pink-200);
|
||||
}
|
||||
.p-accordion .accordion-tab-5:not(.p-disabled).p-highlight .p-accordion-header-link {
|
||||
background-color: var(--pink-200);
|
||||
}
|
||||
|
||||
/* Accordion Syarat */
|
||||
.accordion-syarat .p-accordion-header .p-accordion-header-link {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.accordion-syarat .p-accordion-header.p-accordion-syarat-tms .p-accordion-header-link,
|
||||
.accordion-syarat
|
||||
.p-accordion-header:not(.p-highlight):not(.p-disabled).p-accordion-syarat-tms:hover
|
||||
.p-accordion-header-link {
|
||||
background-color: var(--logo-pink1);
|
||||
}
|
||||
|
||||
.accordion-syarat .p-accordion-header.p-accordion-syarat-catatan .p-accordion-header-link,
|
||||
.accordion-syarat
|
||||
.p-accordion-header:not(.p-highlight):not(.p-disabled).p-accordion-syarat-catatan:hover
|
||||
.p-accordion-header-link {
|
||||
background-color: var(--logo-kuning1);
|
||||
}
|
||||
|
||||
.accordion-syarat .p-accordion-header:not(.p-disabled).p-highlight.p-accordion-syarat-tms .p-accordion-header-link {
|
||||
background-color: var(--logo-pink1);
|
||||
}
|
||||
.accordion-syarat .p-accordion-header:not(.p-disabled).p-highlight.p-accordion-syarat-catatan .p-accordion-header-link {
|
||||
background-color: var(--logo-kuning1);
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.p-component-overlay-enter{
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.block-ui-custom {
|
||||
background-color: transparent !important;
|
||||
z-index: 1 !important;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.p-button.p-button-sm {
|
||||
height: 2.3rem;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.countdown {
|
||||
font-size: 7rem;
|
||||
}
|
||||
|
||||
.digital {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-family: 'Digital-7';
|
||||
}
|
||||
|
||||
.digital :first-child {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
color: #e6e5e5;
|
||||
}
|
||||
|
||||
.digital :last-child {
|
||||
position: relative;
|
||||
color: #242a32;
|
||||
}
|
||||
|
||||
.digital p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.message {
|
||||
background:#da9090;
|
||||
border: 2px solid rgb(255, 115, 0);
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
font-size: 1.5rem;
|
||||
font-family: monospace, Arial, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.dt-card .p-card-body {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.card-search .p-card-body {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
.p-component-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
.p-paginator .p-paginator-first {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.dt-prime .p-datatable-thead > tr > th {
|
||||
background-color: var(--orange-300);
|
||||
}
|
||||
|
||||
.dt-dashboard .p-datatable-thead > tr > th {
|
||||
background-color: var(--orange-300);
|
||||
}
|
||||
|
||||
.dt-prime.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
|
||||
background-color: var(--orange-50);
|
||||
}
|
||||
|
||||
.dt-dashboard.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
|
||||
background-color: var(--orange-50);
|
||||
}
|
||||
|
||||
.dt-prime .p-sortable-column.p-highlight {
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-dashboard .p-sortable-column.p-highlight {
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-prime .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-dashboard .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-prime .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-dashboard .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
|
||||
background: var(--orange-200);
|
||||
}
|
||||
|
||||
.dt-prime .p-datatable-header {
|
||||
background-color: var(--gray-50);
|
||||
}
|
||||
|
||||
.dt-search:enabled:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
border-color: var(--gray-400);
|
||||
}
|
||||
|
||||
/* TOOLBAR */
|
||||
.dt-toolbar {
|
||||
background-color: transparent;
|
||||
padding: 0.8rem;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* CARD */
|
||||
.dt-card .p-card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.dt-card .p-card-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* DATATABLE DETAIL */
|
||||
.dt-detail .p-datatable-thead > tr > th {
|
||||
background-color: var(--green-100);
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.p-datepicker table td {
|
||||
padding: 0.2rem;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
@tailwind components;
|
||||
|
||||
@layer components {
|
||||
.dialog-history .header-history {
|
||||
@apply bg-abu2 text-hitam
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
.dd-panel-custom {
|
||||
left: 47% !important;
|
||||
transform: translate(-50%, 0);
|
||||
width: 70rem;
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
-moz-transform: translate(-50%, 0);
|
||||
-ms-transform: translate(-50%, 0);
|
||||
-o-transform: translate(-50%, 0);
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bebas Neue';
|
||||
src: url('/fonts/BebasNeue.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Digital-7';
|
||||
src: url('/fonts/digital-7.ttf');
|
||||
}
|
||||
|
||||
:root {
|
||||
--logo-kuning1: #f4b12c;
|
||||
--logo-pink1: #ed3f5a;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
.font-bebas {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
}
|
||||
|
||||
.font-digital {
|
||||
font-family: 'Digital-7', sans-serif;
|
||||
}
|
||||
|
||||
.logout-pop {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logout:hover .logout-pop {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
position: fixed;
|
||||
z-index: -10;
|
||||
will-change: opacity;
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
transition: opacity 200ms ease 0ms;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
left: 0;
|
||||
top: 150px;
|
||||
}
|
||||
|
||||
.bg-overlay:hover {
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.dropdown-menu {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dropdown-toggle:hover .dropdown-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
@media (min-width: 1270px) {
|
||||
.navbar {
|
||||
background-image: url('/img/bg-navbar-1280.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1920px) {
|
||||
.navbar {
|
||||
background-image: url('/img/bg-navbar-1920.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.p-panel .p-panel-content {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.p-component {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
.custom-step ul {
|
||||
flex-direction: column;
|
||||
gap: 40px 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.custom-step .p-steps-item{
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.custom-step .p-steps-item:before{
|
||||
border-top: 0;
|
||||
border-left: 1px solid var(--red-400);
|
||||
top: 120%;
|
||||
left: 15px;
|
||||
bottom: -100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.custom-step .p-steps-item.last-dor::before{
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.custom-step .p-steps-item .p-menuitem-link{
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
gap: 0 5px;
|
||||
}
|
||||
|
||||
.custom-step .p-steps-item .p-menuitem-link .p-steps-title {
|
||||
margin-top: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||
padding: 0.5rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
|
||||
background: #FFDDD2;
|
||||
}
|
||||
|
||||
.p-tabview-nav {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
.custom-table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-table td, .custom-table th {
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/* .custom-table tr:nth-child(even){background-color: #f2f2f2;} */
|
||||
|
||||
/* .custom-table tr:hover {background-color: #fafafa;} */
|
||||
|
||||
.custom-table th {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
background-color: #FFDDD2;
|
||||
color: #212529;
|
||||
font-weight: 600;
|
||||
}
|
||||
Reference in New Issue
Block a user