From f3af998dd74c6b60e29796f8488b5b2bf58a21f1 Mon Sep 17 00:00:00 2001
From: ciaochaos <1272777550@qq.com>
Date: Fri, 1 May 2020 20:32:15 +0800
Subject: [PATCH] 0.1.0.2

---
 .idea/workspace.xml       | 19 ++++++++++++++-----
 src/components/QrItem.js  |  9 ++++++---
 src/components/Qrcode.css |  7 ++++---
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c15f7e1..59f4c0b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -11,7 +11,9 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="78c692f3-8e9f-49c7-86c1-0c5e9d711b1f" name="Default Changelist" comment="0.1.0.2">
-      <change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/QrItem.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/QrItem.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Qrcode.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.css" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -76,7 +78,7 @@
       <option name="presentableId" value="Default" />
       <updated>1588240852207</updated>
       <workItem from="1588240855414" duration="15673000" />
-      <workItem from="1588305721761" duration="20293000" />
+      <workItem from="1588305721761" duration="22142000" />
     </task>
     <task id="LOCAL-00001" summary="0.1.0.1">
       <created>1588308749650</created>
@@ -281,7 +283,14 @@
       <option name="project" value="LOCAL" />
       <updated>1588333601028</updated>
     </task>
-    <option name="localTasksCounter" value="30" />
+    <task id="LOCAL-00030" summary="0.1.0.2">
+      <created>1588334049718</created>
+      <option name="number" value="00030" />
+      <option name="presentableId" value="LOCAL-00030" />
+      <option name="project" value="LOCAL" />
+      <updated>1588334049718</updated>
+    </task>
+    <option name="localTasksCounter" value="31" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -309,10 +318,10 @@
       <screen x="0" y="23" width="2541" height="1057" />
     </state>
     <state x="1161" y="421" key="#Notifications/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588307553058" />
-    <state x="870" y="291" key="Vcs.Push.Dialog.v2" timestamp="1588333605469">
+    <state x="870" y="291" key="Vcs.Push.Dialog.v2" timestamp="1588334058054">
       <screen x="0" y="23" width="2541" height="1057" />
     </state>
-    <state x="870" y="291" key="Vcs.Push.Dialog.v2/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588333605469" />
+    <state x="870" y="291" key="Vcs.Push.Dialog.v2/428.1103.1680.1027/0.23.2541.1057/-1600.203.1600.877@0.23.2541.1057" timestamp="1588334058054" />
     <state x="997" y="347" key="git4idea.merge.GitPullDialog" timestamp="1588322703667">
       <screen x="0" y="23" width="2541" height="1057" />
     </state>
diff --git a/src/components/QrItem.js b/src/components/QrItem.js
index 615897d..f369199 100644
--- a/src/components/QrItem.js
+++ b/src/components/QrItem.js
@@ -21,9 +21,12 @@ class QrItem extends React.Component {
         return (
             <div className="Qr-item">
                 <div className="Qr-item-image">
-                    <svg className="Qr-item-svg" width="100%" height="100%" viewBox={calViewBox(this.props)} fill="white">
-                        {this.props.renderer}
-                    </svg>
+                    <div className="Qr-item-image-inner">
+                        <svg className="Qr-item-svg" width="100%" height="100%" viewBox={calViewBox(this.props)} fill="white">
+                            {this.props.renderer}
+                        </svg>
+                    </div>
+
                 </div>
                 <div className="Qr-item-detail">
                     {this.state.value}
diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index 297cf4e..2ccbe7e 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -80,12 +80,13 @@
     transition-duration: 0.2s;
 }
 
-.Qr-item-svg {
+.Qr-item-image-inner {
     opacity: 0.36;
     -webkit-transition-timing-function: ease-in-out;
     transition-timing-function: ease-in-out;
     -webkit-transition-duration: 0.2s; /* Safari */
     transition-duration: 0.2s;
+    -webkit-transform: translateZ(0);
 }
 
 @media (min-width: 500px) {
@@ -99,7 +100,7 @@
     border-color: #44D7B6;
 }
 
-.Qr-item:hover .Qr-item-svg {
+.Qr-item:hover .Qr-item-image-inner {
     opacity: 1;
 }
 
@@ -152,7 +153,7 @@ td {
 }
 
 .Qr-input {
-    caret-color: #44D7B6;
+    caret-color: #44d7b6;
     padding: 0;
     line-height: 2em;
     box-sizing: border-box;