Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0.1.0.2

This commit is contained in:
ciaochaos 2020-05-01 20:32:15 +08:00
parent be28112499
commit f3af998dd7
3 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
.idea/workspace.xml
View File

@ -11,7 +11,9 @@
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="78c692f3-8e9f-49c7-86c1-0c5e9d711b1f" name="Default Changelist" comment="0.1.0.2"> <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> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -76,7 +78,7 @@
<option name="presentableId" value="Default" /> <option name="presentableId" value="Default" />
<updated>1588240852207</updated> <updated>1588240852207</updated>
<workItem from="1588240855414" duration="15673000" /> <workItem from="1588240855414" duration="15673000" />
<workItem from="1588305721761" duration="20293000" /> <workItem from="1588305721761" duration="22142000" />
</task> </task>
<task id="LOCAL-00001" summary="0.1.0.1"> <task id="LOCAL-00001" summary="0.1.0.1">
<created>1588308749650</created> <created>1588308749650</created>
@ -281,7 +283,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1588333601028</updated> <updated>1588333601028</updated>
</task> </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 /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -309,10 +318,10 @@
<screen x="0" y="23" width="2541" height="1057" /> <screen x="0" y="23" width="2541" height="1057" />
</state> </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="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" /> <screen x="0" y="23" width="2541" height="1057" />
</state> </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"> <state x="997" y="347" key="git4idea.merge.GitPullDialog" timestamp="1588322703667">
<screen x="0" y="23" width="2541" height="1057" /> <screen x="0" y="23" width="2541" height="1057" />
</state> </state>

9
src/components/QrItem.js
View File

@ -21,9 +21,12 @@ class QrItem extends React.Component {
return ( return (
<div className="Qr-item"> <div className="Qr-item">
<div className="Qr-item-image"> <div className="Qr-item-image">
<svg className="Qr-item-svg" width="100%" height="100%" viewBox={calViewBox(this.props)} fill="white"> <div className="Qr-item-image-inner">
{this.props.renderer} <svg className="Qr-item-svg" width="100%" height="100%" viewBox={calViewBox(this.props)} fill="white">
</svg> {this.props.renderer}
</svg>
</div>
</div> </div>
<div className="Qr-item-detail"> <div className="Qr-item-detail">
{this.state.value} {this.state.value}

7
src/components/Qrcode.css
View File

@ -80,12 +80,13 @@
transition-duration: 0.2s; transition-duration: 0.2s;
} }
.Qr-item-svg { .Qr-item-image-inner {
opacity: 0.36; opacity: 0.36;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s; /* Safari */ -webkit-transition-duration: 0.2s; /* Safari */
transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transform: translateZ(0);
} }
@media (min-width: 500px) { @media (min-width: 500px) {
@ -99,7 +100,7 @@
border-color: #44D7B6; border-color: #44D7B6;
} }
.Qr-item:hover .Qr-item-svg { .Qr-item:hover .Qr-item-image-inner {
opacity: 1; opacity: 1;
} }
@ -152,7 +153,7 @@ td {
} }
.Qr-input { .Qr-input {
caret-color: #44D7B6; caret-color: #44d7b6;
padding: 0; padding: 0;
line-height: 2em; line-height: 2em;
box-sizing: border-box; box-sizing: border-box;