From c961ad7945170433a3b8133c199e37be4269f9b0 Mon Sep 17 00:00:00 2001 From: Yi-Cyuan Chen Date: Thu, 19 Sep 2024 10:36:54 +0800 Subject: [PATCH] Site updated: 2024-09-19 10:36:54 --- css/qrcode.css | 2 +- qr-code/generator/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/qrcode.css b/css/qrcode.css index ca9a85a5..d23f280c 100644 --- a/css/qrcode.css +++ b/css/qrcode.css @@ -1 +1 @@ -#qrcode{display:flex;align-items:center;height:100%}#qrcode img{margin:auto;display:block;border:1px solid #000}.color-input{display:flex;align-items:center}.color-input input{flex:1;border-radius:0 .5rem .5rem 0}.color-wrapper{width:36px;height:36px;border:1px solid black;background-image:url("data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7")}.color{height:100%;background-color:black}.submit{margin-bottom:0}.input .container{height:60px}.output .container{height:300px;min-height:160px;background-color:var(--var-input-bg-color)}#output{height:60px;min-height:40px;scrollbar-width:none}.grp-wrapper{margin-top:1.5rem;margin-bottom:2rem}.grp-handler-close{line-height:8px !important}.grp-handler-cp-wrap{box-sizing:content-box}.grp-handler-drag{border:1px solid rgba(255,255,255,0.3)}.grp-handler-selected .grp-handler-drag{border:1px solid rgba(0,0,0,0.3)}@media (min-width: 1024px){.input{height:80px}.output{height:calc(100% - 80px)}.input .container,.output .container{height:initial}}@media (min-width: 1920px){.input,.output{height:initial}} +#qrcode{display:flex;align-items:center;height:100%}#qrcode img{margin:auto;display:block;border:1px solid #000}.color-input{display:flex;align-items:center}.color-input input{flex:1;border-radius:0 .5rem .5rem 0}.color-wrapper{width:36px;height:36px;border:1px solid black;background-image:url("data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7")}.color{height:100%;background-color:black}.submit{margin-bottom:0}.input .container{height:60px}.examples{white-space:nowrap;overflow:auto}.examples a{display:inline-block;position:relative;border:1px solid #000}.examples a:after{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0}.output .container{height:300px;min-height:160px;background-color:var(--var-input-bg-color)}#output{height:60px;min-height:40px;scrollbar-width:none}.grp-wrapper{margin-top:1.5rem;margin-bottom:2rem}.grp-handler-close{line-height:8px !important}.grp-handler-cp-wrap{box-sizing:content-box}.grp-handler-drag{border:1px solid rgba(255,255,255,0.3)}.grp-handler-selected .grp-handler-drag{border:1px solid rgba(0,0,0,0.3)}@media (min-width: 1024px){.input{height:195px}.output{height:calc(100% - 195px)}.input .container,.output .container{height:initial}}@media (min-width: 1920px){.input,.output{height:initial}} diff --git a/qr-code/generator/index.html b/qr-code/generator/index.html index 2a97b063..80aeca64 100644 --- a/qr-code/generator/index.html +++ b/qr-code/generator/index.html @@ -43,7 +43,7 @@ if (localStorage.getItem('DARK') === '1') { document.documentElement.classList.add('dark-theme') } -

QR Code Generator

This online QR code tool helps you generate a QR code and customize its design. You can download the image, share a link, or use an embedded script. Quick and free.

Input
Full ScreenFull Screen
Output
Full ScreenFull Screen
Embedded Code
QR Code Link
Share Link
Settings
Generate
Main
Dot
Corners Square
Corners Dot
Background
Image

QR Code Generator

This online QR code tool helps you generate a QR code and customize its design. You can download the image, share a link, or use an embedded script. Quick and free.

Input
Full ScreenFull Screen
Examples
Output
Full ScreenFull Screen
Embedded Code
QR Code Link
Share Link
Settings
Generate
Main
Dot
Corners Square
Corners Dot
Background
Image