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 @@
- mdi-ticket-account +

Pilih Layar Antrean Masuk

@@ -173,12 +177,18 @@ 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: 40px; + height: 40px; + object-fit: contain; +} + .header-content { flex: 1; color: var(--color-neutral-100); diff --git a/pages/Anjungan/AntrianKlinikRuang/index.vue b/pages/Anjungan/AntrianKlinikRuang/index.vue index b2f0d07..5f58cb9 100644 --- a/pages/Anjungan/AntrianKlinikRuang/index.vue +++ b/pages/Anjungan/AntrianKlinikRuang/index.vue @@ -205,15 +205,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/AntrianLoket/index.vue b/pages/Anjungan/AntrianLoket/index.vue index f22bade..bd5325d 100644 --- a/pages/Anjungan/AntrianLoket/index.vue +++ b/pages/Anjungan/AntrianLoket/index.vue @@ -187,15 +187,15 @@ const getKlinikName = (kode) => { 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/Setting/ScreenAntreanMasuk.vue b/pages/Setting/ScreenAntreanMasuk.vue index 4bc7dea..9f55c2b 100644 --- a/pages/Setting/ScreenAntreanMasuk.vue +++ b/pages/Setting/ScreenAntreanMasuk.vue @@ -5,26 +5,31 @@
- mdi-ticket-account + mdi-ticket-account

Screen Antrean Masuk

Rabu, 13 Agustus 2025 - Konfigurasi Layar Antrean Masuk

+
+
+ + + +
+ mdi-plus-circle Tambah Screen
-
- @@ -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 // ============================================