diff --git a/pages/Anjungan/Anjungan/[id].vue b/pages/Anjungan/Anjungan/[id].vue
index 0fd5374..c78de0e 100644
--- a/pages/Anjungan/Anjungan/[id].vue
+++ b/pages/Anjungan/Anjungan/[id].vue
@@ -1363,15 +1363,15 @@ watch(lastRegisteredPatient, (newVal) => {
display: flex;
align-items: center;
justify-content: center;
- width: 40px;
- height: 40px;
+ width: 54px;
+ height: 54px;
backdrop-filter: blur(10px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.header-logo {
- width: 28px;
- height: 28px;
+ width: 40px;
+ height: 40px;
object-fit: contain;
}
diff --git a/pages/Anjungan/Anjungan/index.vue b/pages/Anjungan/Anjungan/index.vue
index 8405718..a5bf4fa 100644
--- a/pages/Anjungan/Anjungan/index.vue
+++ b/pages/Anjungan/Anjungan/index.vue
@@ -178,15 +178,15 @@ const navigateToSettings = () => {
display: flex;
align-items: center;
justify-content: center;
- width: 40px;
- height: 40px;
+ width: 54px;
+ height: 54px;
backdrop-filter: blur(10px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.header-logo {
- width: 28px;
- height: 28px;
+ width: 40px;
+ height: 40px;
object-fit: contain;
}
diff --git a/pages/Anjungan/AntreanMasuk/index.vue b/pages/Anjungan/AntreanMasuk/index.vue
index b87e749..6655406 100644
--- a/pages/Anjungan/AntreanMasuk/index.vue
+++ b/pages/Anjungan/AntreanMasuk/index.vue
@@ -3,7 +3,11 @@
-
@@ -473,7 +478,8 @@ $font-weight-semibold: 600;
display: flex;
align-items: center;
justify-content: space-between;
- padding: 32px;
+ padding: 16px 28px;
+ height: 80px;
color: $neutral-100;
}
@@ -484,15 +490,15 @@ $font-weight-semibold: 600;
.header-icon {
background: rgba(255, 255, 255, 0.2);
- border-radius: 16px;
- padding: 16px;
- margin-right: 20px;
+ border-radius: 12px;
+ padding: 12px;
+ margin-right: 16px;
backdrop-filter: blur(10px);
}
.page-title {
- font-size: 36px;
- line-height: 44px;
+ font-size: 32px;
+ line-height: 40px;
font-weight: $font-weight-semibold;
margin: 0;
color: $neutral-100;
@@ -500,10 +506,10 @@ $font-weight-semibold: 600;
}
.page-subtitle {
- margin: 4px 0 0 0;
+ margin: 2px 0 0 0;
opacity: 0.9;
- font-size: 16px;
- line-height: 24px;
+ font-size: 15px;
+ line-height: 22px;
font-weight: $font-weight-regular;
color: $neutral-100;
}
@@ -517,6 +523,28 @@ $font-weight-semibold: 600;
color: $secondary-600 !important;
}
+// ============================================
+// ACTION BAR
+// ============================================
+.action-bar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 16px 20px;
+ background: $neutral-100;
+ border-radius: 12px;
+ border: 1px solid $neutral-400;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.action-btn {
+ font-weight: $font-weight-semibold;
+ text-transform: none;
+ letter-spacing: 0.5px;
+ font-size: 16px;
+ line-height: 24px;
+}
+
// ============================================
// DATA TABLE
// ============================================