fix(crm): mesghal by metal, jalali fit, scoped group filters

apps/web/src/components/JalaliDateInput.vue

@@ -318,16 +318,32 @@ function place() {
   const panel = panelRef.value;
   if (!trigger) return;
   const rect = trigger.getBoundingClientRect();
-  const width = panel?.offsetWidth || (props.mode === 'time' ? (isMobile.value ? 340 : 280) : 320);
-  const height = panel?.offsetHeight || (props.mode === 'time' ? (isMobile.value ? 460 : 320) : 360);
+  const width =
+    panel?.offsetWidth ||
+    (props.mode === 'time' ? (isMobile.value ? 340 : 280) : 328);
+  const height =
+    panel?.offsetHeight ||
+    (props.mode === 'time' ? (isMobile.value ? 460 : 320) : 340);
+  const margin = 8;
   let nextLeft = rect.left;
   if (getComputedStyle(document.documentElement).direction === 'rtl') {
     nextLeft = rect.right - width;
   }
-  nextLeft = Math.min(Math.max(8, nextLeft), window.innerWidth - width - 8);
-  let nextTop = rect.bottom + 8;
-  if (nextTop + height > window.innerHeight - 8) {
-    nextTop = Math.max(8, rect.top - height - 8);
+  nextLeft = Math.min(
+    Math.max(margin, nextLeft),
+    Math.max(margin, window.innerWidth - width - margin),
+  );
+  const spaceBelow = window.innerHeight - rect.bottom - margin * 2;
+  const spaceAbove = rect.top - margin * 2;
+  let nextTop: number;
+  if (height <= spaceBelow) {
+    nextTop = rect.bottom + margin;
+  } else if (height <= spaceAbove) {
+    nextTop = rect.top - height - margin;
+  } else if (spaceBelow >= spaceAbove) {
+    nextTop = Math.max(margin, window.innerHeight - height - margin);
+  } else {
+    nextTop = margin;
   }
   left.value = nextLeft;
   top.value = nextTop;
@@ -852,8 +868,9 @@ onBeforeUnmount(() => {
   position: fixed;
   z-index: 120;
   width: min(20.5rem, calc(100vw - 16px));
-  max-height: calc(100vh - 16px);
-  overflow: auto;
+  /* تقویم باید یکجا دیده شود؛ اسکرول داخل پنل گیج‌کننده است */
+  max-height: none;
+  overflow: visible;
   background: #fff;
   border-radius: var(--radius);
   box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
@@ -861,6 +878,13 @@ onBeforeUnmount(() => {
   font-family: IRANSans, Tahoma, sans-serif;
 }
 
+@media (max-height: 420px) {
+  .panel {
+    max-height: calc(100vh - 16px);
+    overflow: auto;
+  }
+}
+
 .panel-time {
   width: min(22.5rem, calc(100vw - 16px));
 }