From c30eaee4e26cfc9e7d52a49ef0a151d84ddf6e7d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 1 Aug 2023 18:20:54 +0800
Subject: [PATCH] Somehow this kinda works

---
 src/components/media.jsx  | 5 ++---
 src/components/status.css | 9 ++-------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/media.jsx b/src/components/media.jsx
index 9c688572..ffd3f3ca 100644
--- a/src/components/media.jsx
+++ b/src/components/media.jsx
@@ -121,7 +121,6 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
     '--height': `${height}px`,
     aspectRatio: `${width} / ${height}`,
   };
-  const fixedWidth = width > height * 2;
 
   if (isImage) {
     // Note: type: unknown might not have width/height
@@ -143,7 +142,7 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
     return (
       <Parent
         ref={parentRef}
-        class={`media media-image ${fixedWidth ? 'media-fixed-width' : ''}`}
+        class={`media media-image`}
         onClick={onClick}
         data-orientation={orientation}
         style={
@@ -245,7 +244,7 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
       <Parent
         class={`media media-${isGIF ? 'gif' : 'video'} ${
           autoGIFAnimate ? 'media-contain' : ''
-        } ${fixedWidth ? 'media-fixed-width' : ''}`}
+        }`}
         data-orientation={orientation}
         data-formatted-duration={formattedDuration}
         data-label={isGIF && !showOriginal && !autoGIFAnimate ? 'GIF' : ''}
diff --git a/src/components/status.css b/src/components/status.css
index 1bbc8875..bd0e6141 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -597,15 +597,10 @@
   display: inline-block;
   max-width: 100% !important;
   min-width: 44px;
-  width: auto;
+  /* width: auto; */
   min-height: 44px;
   /* width: min(var(--width), 100%); */
-  /* max-height: min(var(--height), 33vh); */
-  height: min(160px, var(--height), 33vh);
-}
-.status .media-container.media-eq1 .media.media-fixed-width {
-  width: min(var(--width), 100%);
-  height: auto;
+  width: min(fit-content, 100%);
   max-height: min(var(--height), 33vh);
 }
 .status .media-container.media-eq1 .media[data-orientation='portrait'] {