feat: улучшение распределения размеров в сетке с 3 фотками

Author: danyadev

Diff for: src/components/messages/chat/Message.vue

@@ -418,8 +418,8 @@ export default {
 }
 
 .message.flyTime.hideBubble:not(.isSticker) .message_time_wrap {
-  right: 6px;
-  bottom: 6px;
+  right: 5px;
+  bottom: 5px;
 }
 
 .message.isSticker:not(.hideBubble).out .message_time_wrap {

Diff for: src/components/messages/chat/attachments/photosLayout.js

@@ -166,15 +166,26 @@ export function calculatePhotosLayout({ thumbs, margin, maxWidth, maxHeight }) {
     } else {
       // [photo1][p2]
       // [      ][p3]
-      const height1 = Math.min(maxHeight, thumbs[0].height);
+      const mediumRightPhotosHeight = (thumbs[1].height + thumbs[2].height) / 2;
+      const height1 = Math.min(
+        maxHeight,
+        Math.max(
+          Math.min(thumbs[0].height, mediumRightPhotosHeight * 1.5),
+          Math.min(mediumRightPhotosHeight, thumbs[0].height * 1.5),
+          mediumRightPhotosHeight * .75
+        )
+      );
       // Высота p3
       const height2 = photoRatios[1] * (height1 - margin) / (photoRatios[2] + photoRatios[1]);
       // Высота p2
       const height3 = height1 - height2 - margin;
       const width1 = Math.min(height1 * photoRatios[0], (maxWidth - margin) * .75);
       const width2 = Math.min(
         maxWidth - width1 - margin,
-        (height3 * photoRatios[1] + height2 * photoRatios[2]) / 2
+        Math.max(
+          (height3 * photoRatios[1] + height2 * photoRatios[2]) / 2,
+          width1 / 3 // (3/4) / 3 = 1/4
+        )
       );
 
       updateThumb(thumbs[0], width1, height1, false, true);