chat img contain size (BE CARE)

src/components/misc.ts

@@ -301,9 +301,13 @@ export function wrapVideo(this: any, doc: MTDocument, container: HTMLDivElement,
       /* image.style.height = doc.h + 'px';
       image.style.width = doc.w + 'px'; */
 
+      
+      
       if(!justLoader) {
         return loadVideo();
       } else {
+        container.style.width = '';
+        container.style.height = '';
         preloader.detach();
       }
     });
@@ -532,6 +536,7 @@ export function wrapPhoto(this: AppImManager, photo: any, message: any, containe
   
   let size = appPhotosManager.setAttachmentSize(photo.id, container);
   let image = container.firstElementChild as HTMLImageElement || new Image();
+  //let size = appPhotosManager.setAttachmentSize(photo.id, image);
   image.setAttribute('message-id', message.mid);
   
   if(!container.contains(image)) {
@@ -549,6 +554,11 @@ export function wrapPhoto(this: AppImManager, photo: any, message: any, containe
     image.src = URL.createObjectURL(blob);
     
     preloader.detach();
+
+    image.style.width = '';
+    image.style.height = '';
+    container.style.width = '';
+    container.style.height = '';
   });
   
   console.log('wrapPhoto', load, container, image);

src/scss/partials/_chat.scss

@@ -295,11 +295,13 @@
 				.attachment {
 					max-width: 380px;
 					max-height: 380px;
+
+					width: max-content;
 				}
 				
 				img, video {
-					/* object-fit: contain; */
-					object-fit: cover;
+					object-fit: contain;
+					/* object-fit: cover; */
 				}
 			}
 			
@@ -308,7 +310,7 @@
 					//max-height: fit-content;
 					
 					img {
-						width: 100%;
+						/* width: 100%; */
 						/* height: 100%; */
 					}
 				}
@@ -352,10 +354,12 @@
 						cursor: pointer;
 						position: relative;
 
+						width: max-content;
+						
 						img, video {
 							max-width: 100%;
-							width: 100%;
-							height: 100%;
+							/* width: 100%;
+							height: 100%; */
 						}
 					}