hr dan payroll
This commit is contained in:
+160
-18
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user