hr dan payroll

This commit is contained in:
Wian Drs
2026-09-15 10:38:43 +07:00
parent 5e1fd11410
commit 8fedd39d8f
47 changed files with 1409 additions and 370 deletions
+160 -18
View File
@@ -77,7 +77,7 @@ body.app-v2 {
.drawer-brand small {
display: block;
color: #a7abb3;
font-size: 10px;
font-size: 11px;
letter-spacing: 1.1px;
text-transform: uppercase;
margin-top: 2px;
@@ -184,10 +184,10 @@ body.app-v2 {
color: #fff;
display: grid;
place-items: center;
font-size: 10px;
font-size: 11px;
}
.nav-chevron {
font-size: 10px;
font-size: 11px;
color: #70757e;
transition: transform 0.18s;
}
@@ -260,7 +260,7 @@ body.app-v2 {
font-size: 11.5px;
}
.user-copy small {
font-size: 10px;
font-size: 11px;
color: #8d929b;
}
.user-copy a,
@@ -357,7 +357,7 @@ body.app-v2 {
position: static !important;
}
.app-breadcrumb .breadcrumb {
font-size: 11px;
font-size: 12px;
color: var(--muted);
}
.app-breadcrumb a {
@@ -431,7 +431,7 @@ body.app-v2 {
border: 0 !important;
border-bottom: 1px solid var(--line) !important;
border-radius: 0 !important;
font-size: 10px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.55px;
white-space: nowrap;
@@ -703,7 +703,7 @@ body.app-v2 {
align-items: center;
justify-content: center;
gap: 1px;
font-size: 9px;
font-size: 10px;
}
.mobile-action-bar i {
font-size: 17px;
@@ -914,7 +914,7 @@ body.app-v2 {
:root {
--ui-font: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--ui-font-size: 13px;
--ui-table-font-size: 11px;
--ui-table-font-size: 12px;
--ui-heading-1: 20px;
--ui-heading-2: 18px;
--ui-heading-3: 17px;
@@ -944,12 +944,24 @@ html body.app-v2 {
line-height: 1.5;
}
html body.app-v2 .app-content h1 { font-size: var(--ui-heading-1) !important; }
html body.app-v2 .app-content h2 { font-size: var(--ui-heading-2) !important; }
html body.app-v2 .app-content h3 { font-size: var(--ui-heading-3) !important; }
html body.app-v2 .app-content h4 { font-size: var(--ui-heading-4) !important; }
html body.app-v2 .app-content h5 { font-size: var(--ui-heading-5) !important; }
html body.app-v2 .app-content h6 { font-size: var(--ui-heading-6) !important; }
html body.app-v2 .app-content h1 {
font-size: var(--ui-heading-1) !important;
}
html body.app-v2 .app-content h2 {
font-size: var(--ui-heading-2) !important;
}
html body.app-v2 .app-content h3 {
font-size: var(--ui-heading-3) !important;
}
html body.app-v2 .app-content h4 {
font-size: var(--ui-heading-4) !important;
}
html body.app-v2 .app-content h5 {
font-size: var(--ui-heading-5) !important;
}
html body.app-v2 .app-content h6 {
font-size: var(--ui-heading-6) !important;
}
html body.app-v2 .app-content h1,
html body.app-v2 .app-content h2,
@@ -1089,11 +1101,141 @@ html body.app-v2 .line-type-switch input:checked + span {
}
html body.app-v2 .company-settings-hero {
background: linear-gradient(125deg, #172b4d, #24456f 62%, var(--brand)) !important;
background: linear-gradient(
125deg,
#172b4d,
#24456f 62%,
var(--brand)
) !important;
}
@media (max-width: 767.98px) {
html body.app-v2 { font-size: var(--ui-font-size) !important; }
html body.app-v2 .app-content h1 { font-size: 19px !important; }
html body.app-v2 .app-content h2 { font-size: 17px !important; }
html body.app-v2 {
font-size: var(--ui-font-size) !important;
}
html body.app-v2 .app-content h1 {
font-size: 19px !important;
}
html body.app-v2 .app-content h2 {
font-size: 17px !important;
}
}
/*
* Aksen batas kartu global.
* Diletakkan di stylesheet utama agar semua modul memakai satu visual yang
* konsisten tanpa menambah class atau style pada masing-masing view.
*/
html body.app-v2 :is(
.card,
.modern-card,
.table-card,
.summary-card,
.summary-action-card,
.metric-card,
.dashboard-card,
.operational-card,
.inventory-card,
.tech-card,
.asset-card,
.invoice-list-card,
.editor-card,
.item-list-card,
.receivable-card,
.profile-card,
.settings-card,
.leave-card,
.budget-card,
.calendar-card,
.schedule-card,
.detail-card,
.main-card,
.scanner-card,
.export-card,
.adjustment-form-card,
.atm-card,
.bill-card,
.asset-metrics > article
) {
position: relative !important;
}
html body.app-v2 :is(
.card,
.modern-card,
.table-card,
.summary-card,
.summary-action-card,
.metric-card,
.dashboard-card,
.operational-card,
.inventory-card,
.tech-card,
.asset-card,
.invoice-list-card,
.editor-card,
.item-list-card,
.receivable-card,
.profile-card,
.settings-card,
.leave-card,
.budget-card,
.calendar-card,
.schedule-card,
.detail-card,
.main-card,
.scanner-card,
.export-card,
.adjustment-form-card,
.atm-card,
.bill-card,
.asset-metrics > article
)::before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 16px;
right: 16px;
height: 3px;
border-radius: 0 0 999px 999px;
background: linear-gradient(90deg, #172b4d 0%, #315780 58%, var(--brand) 100%);
box-shadow: 0 1px 5px rgba(23, 43, 77, 0.14);
pointer-events: none;
}
@media print {
html body.app-v2 :is(
.card,
.modern-card,
.table-card,
.summary-card,
.summary-action-card,
.metric-card,
.dashboard-card,
.operational-card,
.inventory-card,
.tech-card,
.asset-card,
.invoice-list-card,
.editor-card,
.item-list-card,
.receivable-card,
.profile-card,
.settings-card,
.leave-card,
.budget-card,
.calendar-card,
.schedule-card,
.detail-card,
.main-card,
.scanner-card,
.export-card,
.adjustment-form-card,
.atm-card,
.bill-card,
.asset-metrics > article
)::before {
display: none;
}
}