Mercurial > qr-html

comparison index.html @ 16:c582629d15e7 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix display on mobile
author nanaya <me@nanaya.net>
date Thu, 12 Sep 2024 00:46:50 +0900
parents d6a6c128cd5a
children
comparison
equal deleted inserted replaced
15:d6a6c128cd5a 16:c582629d15e7
50 .outputbox { 50 .outputbox {
51 max-width: 256px; 51 max-width: 256px;
52 } 52 }
53 53
54 .outputbox > canvas { 54 .outputbox > canvas {
55 display: none; 55 max-width: 100%;
56 } 56 }
57 57
58 .outputbox > img { 58 .outputbox > img {
59 max-width: 100%; 59 max-width: 100%;
60 } 60 }
94 94
95 var refreshCode = function() { 95 var refreshCode = function() {
96 var text = inputDom.value 96 var text = inputDom.value
97 97
98 if (text === "") { 98 if (text === "") {
99 outputDom.style.display = 'none'; 99 outputDom.style.opacity = 0;
100 } else { 100 } else {
101 outputDom.style.display = 'block'; 101 outputDom.style.opacity = '';
102 qr.makeCode(text) 102 qr.makeCode(text)
103 } 103 }
104 } 104 }
105 105
106 inputDom.addEventListener('input', refreshCode) 106 inputDom.addEventListener('input', refreshCode)