From d45b2f9687ef79b8c0cfd752be06bf3cb4f02444 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Thu, 9 Apr 2020 16:08:22 +0800
Subject: [PATCH] fix(image): limit the max width of the image on browser mode

---
 components/image/image-browser.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/image/image-browser.tsx b/components/image/image-browser.tsx
index 61ccf05..54d03e5 100644
--- a/components/image/image-browser.tsx
+++ b/components/image/image-browser.tsx
@@ -58,7 +58,7 @@ const getAddressInput = (
     <style jsx>{`
       .address-input {
         height: 1.75rem;
-        max-width: 55%;
+        max-width: 60%;
         min-width: 40%;
         background-color: ${colors.inputBgColor};
         color: inherit;
@@ -127,6 +127,7 @@ const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
           background-color: transparent;
           box-shadow: ${theme.expressiveness.shadowLarge};
           width: max-content;
+          max-width: 100%;
           margin: 0 auto;
           border-radius: ${theme.layout.radius};
           overflow: hidden;