matrix-art

commit d583ced6ae5351948891a1e57f2449443501800a
parent 5584a3222caaf38b46d2a1a1b78d8918521df72b
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri, 31 Dec 2021 16:04:02 +0100

Fix image scaling on smaller monitors/phones

Diffstat:
M
pages/post/[id].tsx
 | 
2
+-

1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
@@ -206,7 +206,7 @@ class Post extends Component<Props, State> {
                     <meta name="twitter:image" content={src} key="og-twitter-image" />
                 </Head>
                 <div className="flex justify-center p-10 bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]">
-                    <img alt={caption} title={caption} className="shadow-2xl max-w-3xl max-h-[871px] shadow-black cursor-zoom-in" src={src} key={id}></img>
+                    <img alt={caption} title={caption} className="shadow-2xl max-w-full lg:max-w-3xl max-h-[871px] shadow-black cursor-zoom-in" src={src} key={id}></img>
                 </div>
             </>
         );