From cb2d12819c9282588e1888a011746b4b645f4e08 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Mon, 23 Feb 2026 15:39:09 +0700
Subject: [PATCH] fix(calendar): stretch year months grid to full viewport
 height

---
 .../app/components/workspace/calendar/CrmCalendarPanel.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/workspace/calendar/CrmCalendarPanel.vue b/frontend/app/components/workspace/calendar/CrmCalendarPanel.vue
index 3d669a6..45ee3a3 100644
--- a/frontend/app/components/workspace/calendar/CrmCalendarPanel.vue
+++ b/frontend/app/components/workspace/calendar/CrmCalendarPanel.vue
@@ -170,7 +170,10 @@ defineProps<{
           :style="calendarSceneTransformStyle"
           @mouseleave="onCalendarSceneMouseLeave"
         >
-          <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 xl:grid-cols-3">
+          <div
+            class="grid grid-cols-1 gap-2 sm:grid-cols-2 xl:grid-cols-3 auto-rows-fr"
+            :style="calendarView === 'year' && calendarViewportHeight > 0 ? { minHeight: `${Math.max(420, calendarViewportHeight)}px` } : undefined"
+          >
             <article
               v-for="item in yearMonths"
               :key="`year-month-${item.monthIndex}`"
@@ -178,7 +181,7 @@ defineProps<{
               class="group relative rounded-xl border border-base-300 p-3 text-left transition calendar-hover-targetable"
               :class="[
                 calendarView === 'year'
-                  ? 'hover:border-primary/50 hover:bg-primary/5 cursor-zoom-in'
+                  ? 'h-full hover:border-primary/50 hover:bg-primary/5 cursor-zoom-in'
                   : 'cursor-default min-h-[26rem] bg-base-100 sm:col-span-2 xl:col-span-3',
                 calendarHoveredMonthIndex === item.monthIndex ? 'calendar-hover-target' : '',
                 calendarZoomPrimeToken === calendarPrimeMonthToken(item.monthIndex) ? 'calendar-zoom-prime-active' : '',