diff --git a/pages/Anjungan/Anjungan/[id].vue b/pages/Anjungan/Anjungan/[id].vue
index 912337f..59e6edb 100644
--- a/pages/Anjungan/Anjungan/[id].vue
+++ b/pages/Anjungan/Anjungan/[id].vue
@@ -8,7 +8,7 @@
class="header-logo"
width="40"
height="40"
- style="width: 40px; height: 40px; object-fit= contain;"
+ style="width: 40px; height: 40px; object-fit: contain;"
/>
-
+
+
-
+
-
+
-
+
+
+
+ Kuota hari ini habis
+
+
+
+
+
-
-
- Kuota hari ini habis
-
-
-
-
-
+
- Fast Track
+ FAST TRACK
-
- Kuota hari ini habis
-
@@ -336,15 +343,7 @@
-
-
- Tutup
-
-
+
@@ -1523,8 +1522,22 @@ watch(lastRegisteredPatient, (newVal) => {
align-items: center;
font-size: 18px;
font-weight: 700;
+ position: relative;
}
+.dialog-close-btn {
+ position: absolute !important;
+ top: 12px;
+ right: 12px;
+ background-color: rgba(255, 255, 255, 0.2) !important;
+ z-index: 10;
+
+ &:hover {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ }
+}
+
+
.dialog-header-simple {
padding: 20px 24px;
font-size: 18px;
@@ -1605,7 +1618,7 @@ watch(lastRegisteredPatient, (newVal) => {
.doctor-info-unified {
display: grid;
- grid-template-columns: repeat(4, 1fr);
+ grid-template-columns: repeat(2, 1fr);
background-color: var(--color-neutral-100);
border: 1px solid var(--color-neutral-300);
border-radius: 8px;
@@ -1625,38 +1638,15 @@ watch(lastRegisteredPatient, (newVal) => {
font-size: 13px;
line-height: 1.4;
color: var(--color-neutral-800);
- word-break: break-word;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ flex: 1;
}
/* Responsive & Separator Logic */
-@media (min-width: 961px) {
- .doctor-info-unit:nth-child(4n) {
- border-right: none;
- }
-}
-
-@media (max-width: 960px) {
- .doctor-info-unified {
- grid-template-columns: repeat(3, 1fr);
- }
-}
-
-@media (max-width: 960px) and (min-width: 769px) {
- .doctor-info-unit:nth-child(3n) {
- border-right: none;
- }
-}
-
-@media (max-width: 768px) {
- .doctor-info-unified {
- grid-template-columns: repeat(2, 1fr);
- }
-}
-
-@media (max-width: 768px) and (min-width: 481px) {
- .doctor-info-unit:nth-child(2n) {
- border-right: none;
- }
+.doctor-info-unit:nth-child(2n) {
+ border-right: none;
}
@media (max-width: 480px) {
@@ -1666,6 +1656,9 @@ watch(lastRegisteredPatient, (newVal) => {
.doctor-info-unit {
border-right: none;
}
+ .doctor-info-unit:nth-child(2n) {
+ border-right: none;
+ }
}
.doctor-selection-section {