From 601a444da27d2cd2af51d20adcc3321f4b073df3 Mon Sep 17 00:00:00 2001
From: hole-thu <hole_thu@riseup.net>
Date: Mon, 7 Sep 2020 20:19:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9B=BE=E7=89=87=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Common.css | 15 +++++++++++++++
 src/Common.js  |  2 +-
 src/Flows.css  | 11 -----------
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/Common.css b/src/Common.css
index 03a9403..e73ad05 100644
--- a/src/Common.css
+++ b/src/Common.css
@@ -58,3 +58,18 @@
     padding: 0 .1rem;
     margin-left: .15rem;
 }
+
+.img-link {
+  display: inline-block;
+}
+
+
+.img-link img {
+  max-width: 100%;
+  max-height: 2000px;
+}
+
+.left-container .img-link img {
+  max-height: 500px;
+}
+
diff --git a/src/Common.js b/src/Common.js
index daf29ac..32de7d1 100644
--- a/src/Common.js
+++ b/src/Common.js
@@ -136,7 +136,7 @@ export class HighlightedMarkdown extends Component {
               href={normalize_url(node.attribs.src)}
               target="_blank"
               rel="noopenner noreferrer"
-              className="ext-link"
+              className="ext-link img-link"
               key={index}
             >
               <img
diff --git a/src/Flows.css b/src/Flows.css
index 45a5b23..0e1bcf2 100644
--- a/src/Flows.css
+++ b/src/Flows.css
@@ -193,17 +193,6 @@
     overflow-x: auto;
 }
 
-.box-content img {
-  max-width: 100%;
-  max-height: 2000px;
-  display: block;
-  margin: 0 auto;
-}
-
-.left-container .box-content img {
-  max-height: 500px;
-}
-
 .left-container .box-content {
     max-height: calc(100vh + 15em);
     overflow-y: hidden;