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 22:26:28 +08:00
parent 3172033a92
commit a6588e4453
3 changed files with 51 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
.idea/workspace.xml
View File

@ -12,9 +12,8 @@
<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$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/App.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.css" afterDir="false" /> <change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Qrcode.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.css" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/Qrcode.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Qrcode.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Qrcode.js" 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" />
@ -85,7 +84,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="26719000" /> <workItem from="1588305721761" duration="27804000" />
</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>
@ -339,7 +338,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1588338725028</updated> <updated>1588338725028</updated>
</task> </task>
<option name="localTasksCounter" value="37" /> <task id="LOCAL-00037" summary="0.1.0.2">
<created>1588341982123</created>
<option name="number" value="00037" />
<option name="presentableId" value="LOCAL-00037" />
<option name="project" value="LOCAL" />
<updated>1588341982123</updated>
</task>
<option name="localTasksCounter" value="38" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -367,10 +373,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="1588338730401"> <state x="870" y="291" key="Vcs.Push.Dialog.v2" timestamp="1588341984379">
<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="1588338730401" /> <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="1588341984379" />
<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>

4
public/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
@ -26,7 +26,7 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>qrbtf.com</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

43
src/components/Qrcode.css
View File

@ -1,12 +1,19 @@
.Qr-titled { .Qr-titled {
background-color: rgba(0,0,0,0.06); background-color: rgba(0,0,0,0.06);
box-sizing: border-box; box-sizing: border-box;
border-top: rgba(0,0,0,0.06) solid 3px; border-top: rgba(0,0,0,0.06) solid 2px;
border-bottom: rgba(0,0,0,0.06) solid 3px; border-bottom: rgba(0,0,0,0.06) solid 2px;
padding-top: calc((10px + 2vmin) * 2); padding-top: calc((10px + 2vmin) * 2);
padding-bottom: calc((10px + 2vmin) * 2); padding-bottom: calc((10px + 2vmin) * 2);
} }
@media (min-width: 500px) {
.Qr-titled {
border-top: rgba(0,0,0,0.06) solid 3px;
border-bottom: rgba(0,0,0,0.06) solid 3px;
}
}
.Qr-titled-nobg { .Qr-titled-nobg {
padding-top: calc((10px + 2vmin) * 2); padding-top: calc((10px + 2vmin) * 2);
padding-bottom: calc((10px + 2vmin) * 2); padding-bottom: calc((10px + 2vmin) * 2);
@ -77,13 +84,19 @@
height: calc((100vw - 56px) / 2); height: calc((100vw - 56px) / 2);
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
border: rgba(0,0,0,0.12) solid 3px; border: rgba(0,0,0,0.12) solid 2px;
-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;
} }
@media (min-width: 500px) {
.Qr-item-image {
border: rgba(0,0,0,0.12) solid 3px;
}
}
.Qr-item-image-inner { .Qr-item-image-inner {
opacity: 0.36; opacity: 0.36;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
@ -152,17 +165,29 @@ table {
font-size: calc(10px + 2vmin); font-size: calc(10px + 2vmin);
margin-top: calc((10px + 2vmin) * 2); margin-top: calc((10px + 2vmin) * 2);
margin-bottom: calc((10px + 2vmin) * 2); margin-bottom: calc((10px + 2vmin) * 2);
border: rgba(0,0,0,0.12) solid 3px; border: rgba(0,0,0,0.12) solid 2px;
width: 20em; width: 20em;
max-width: calc(100vw - 46px); max-width: calc(100vw - 46px);
} }
@media (min-width: 500px) {
.big-input {
border: rgba(0,0,0,0.12) solid 3px;
}
}
.small-input { .small-input {
font-size: 0.9em; font-size: 0.9em;
border: rgba(0,0,0,0.12) solid 3px; border: rgba(0,0,0,0.12) solid 2px;
width: calc((100vw - 56px) / 2); width: calc((100vw - 56px) / 2);
} }
@media (min-width: 500px) {
.small-input {
border: rgba(0,0,0,0.12) solid 3px;
}
}
@media (min-width: 500px) { @media (min-width: 500px) {
.small-input { .small-input {
width: 200px; width: 200px;
@ -234,7 +259,7 @@ table {
outline: none; outline: none;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
border: rgba(0,0,0,0.12) solid 3px; border: rgba(0,0,0,0.12) solid 2px;
-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 */
@ -247,6 +272,12 @@ table {
color: rgba(0,0,0,0.6); color: rgba(0,0,0,0.6);
} }
@media (min-width: 500px) {
.dl-btn {
border: rgba(0,0,0,0.12) solid 3px;
}
}
.dl-btn:hover { .dl-btn:hover {
border-color: #44D7B6; border-color: #44D7B6;
color: #44D7B6; color: #44D7B6;