Мобильная версия

1. Адаптация и разработка мобильного варианта.

front_vue/src/components/TaskPanel/TaskCommentsTab.vue

@@ -402,6 +402,7 @@ defineExpose({
   height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: 0; /* Важно для flex overflow */
 }
 
 .comments-list {
@@ -413,10 +414,19 @@ defineExpose({
   padding: 2px;  /* Для outline при редактировании */
   padding-right: 6px;
   margin-bottom: 16px;
-  min-height: 200px;
+  min-height: 100px;
   max-height: calc(100vh - 400px);
 }
 
+/* Mobile: убираем max-height, используем flex */
+@media (max-width: 768px) {
+  .comments-list {
+    max-height: none;
+    min-height: 50px;
+    margin-bottom: 12px;
+  }
+}
+
 .comments-loading,
 .comments-empty {
   display: flex;