diff --git a/src/components/QrItem.js b/src/components/QrItem.js
index 3f33bde..c93f45b 100644
--- a/src/components/QrItem.js
+++ b/src/components/QrItem.js
@@ -9,7 +9,7 @@ function calViewBox(props) {
}
function calClassName(props) {
- if (props.selected == true) return 'Qr-item Qr-item-selected';
+ if (props.selected === true) return 'Qr-item Qr-item-selected';
return 'Qr-item';
}
diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index 4811194..03d7732 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -318,10 +318,21 @@ table {
}
.Qr-footer {
- font-size: 14px;
+ color: #1D1D1F;
+ font-size: 12px;
margin-bottom: -4px;
}
+@media (min-width: 500px) {
+ .Qr-footer {
+ font-size: 14px;
+ }
+}
+
+.Gray {
+ color: #86868B;
+}
+
.Qr-footer div {
margin-bottom: 4px;
}
diff --git a/src/components/Qrcode.js b/src/components/Qrcode.js
index 4a6897b..93aecc6 100644
--- a/src/components/Qrcode.js
+++ b/src/components/Qrcode.js
@@ -70,7 +70,7 @@ class Qrcode extends React.Component {
value={this.state.text}
onChange={this.handleChange}
onBlur={this.handleCreate}
- onKeyPress={(e) => {if(e.key == 'Enter') this.handleCreate(e)}}
+ onKeyPress={(e) => {if(e.key === 'Enter') this.handleCreate(e)}}
/>
@@ -87,7 +87,7 @@ class Qrcode extends React.Component {
key={style.value}
qrcode={this.state.qrcode}
renderer={style.renderer}
- selected={style.value == this.state.selected}
+ selected={style.value === this.state.selected}
onSelected={this.handleSelected}
/>
})
@@ -146,9 +146,9 @@ class Qrcode extends React.Component {
-
-
Copyright © {currentYear} QRBTF. All rights reserved.
-
+
+
Copyright © {currentYear} QRBTF. All rights reserved.
+