arie.bagus.2905/web-antrean
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update admin loket dan tampilan status fast track

Browse Source
This commit is contained in:
bagus-arie05
2026-01-15 10:29:32 +07:00
parent a75be83d04
commit 12efe0be17
7 changed files with 564 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

components/common/PageHeader.vue
+22 -29
View File
@@ -60,17 +60,6 @@ defineEmits(['add-click']);
</script>
<style scoped lang="scss">
$neutral-100: #FFFFFF;
$primary-600: #FFA532;
$primary-700: #FF9B1B;
$secondary-600: #0671E0;
$secondary-700: #0053AD;
$success-600: #009262;
$success-700: #1B6E53;
$accent-600: #8B5CF6;
$accent-700: #7C3AED;
$warning-600: #FF9800;
$warning-700: #F57C00;
$font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
$font-weight-regular: 400;
$font-weight-semibold: 600;
@@ -80,28 +69,30 @@ $font-weight-semibold: 600;
}
.page-header-primary {
background: linear-gradient(135deg, $primary-600 0%, $primary-700 100%);
box-shadow: 0 4px 16px rgba(255, 165, 50, 0.2);
background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%);
box-shadow: 0 4px 16px rgba(58, 97, 201, 0.2);
}
.page-header-secondary {
background: linear-gradient(135deg, $secondary-600 0%, $secondary-700 100%);
box-shadow: 0 4px 16px rgba(6, 113, 224, 0.2);
background: linear-gradient(135deg, var(--color-secondary-600) 0%, var(--color-secondary-700) 100%);
box-shadow: 0 4px 16px rgba(241, 111, 41, 0.2);
}
.page-header-success {
background: linear-gradient(135deg, $success-600 0%, $success-700 100%);
box-shadow: 0 4px 16px rgba(0, 146, 98, 0.2);
background: linear-gradient(135deg, var(--color-success-600) 0%, var(--color-success-700) 100%);
box-shadow: 0 4px 16px rgba(51, 164, 132, 0.2);
}
.page-header-accent {
background: linear-gradient(135deg, $accent-600 0%, $accent-700 100%);
box-shadow: 0 4px 16px rgba(139, 92, 246, 0.3);
// Accent tidak ada di design system, menggunakan secondary sebagai fallback
background: linear-gradient(135deg, var(--color-secondary-500) 0%, var(--color-secondary-600) 100%);
box-shadow: 0 4px 16px rgba(255, 132, 65, 0.2);
}
.page-header-warning {
background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3);
// Warning tidak ada di design system, menggunakan secondary (orange) sebagai fallback
background: linear-gradient(135deg, var(--color-secondary-600) 0%, var(--color-secondary-700) 100%);
box-shadow: 0 4px 16px rgba(241, 111, 41, 0.2);
}
.header-content {
@@ -109,7 +100,7 @@ $font-weight-semibold: 600;
align-items: center;
justify-content: space-between;
padding: 20px 28px;
color: $neutral-100;
color: var(--color-neutral-100);
}
.header-left {
@@ -130,7 +121,7 @@ $font-weight-semibold: 600;
line-height: 40px;
font-weight: $font-weight-semibold;
margin: 0;
color: $neutral-100;
color: var(--color-neutral-100);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@@ -140,7 +131,7 @@ $font-weight-semibold: 600;
font-size: 15px;
line-height: 22px;
font-weight: $font-weight-regular;
color: $neutral-100;
color: var(--color-neutral-100);
}
.add-btn {
@@ -152,22 +143,24 @@ $font-weight-semibold: 600;
}
.add-btn-primary {
color: $primary-600 !important;
color: var(--color-primary-600) !important;
}
.add-btn-secondary {
color: $secondary-600 !important;
color: var(--color-secondary-600) !important;
}
.add-btn-success {
color: $success-600 !important;
color: var(--color-success-600) !important;
}
.add-btn-accent {
color: $accent-600 !important;
// Accent tidak ada di design system, menggunakan secondary sebagai fallback
color: var(--color-secondary-500) !important;
}
.add-btn-warning {
color: $warning-600 !important;
// Warning tidak ada di design system, menggunakan secondary (orange) sebagai fallback
color: var(--color-secondary-600) !important;
}
</style>