popov/scripts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align

Browse Source
This commit is contained in:
Dobromir Popov
2025-02-01 13:44:11 +02:00
parent 11f4af41b0
commit 4fbb4a8aa7
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
QRCode.html
View File

@ -53,15 +53,29 @@
background-color: #45a049; background-color: #45a049;
} }
#qrcode { .qr-container {
margin-top: 20px; margin-top: 20px;
text-align: center; display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
#qrcode {
display: flex;
justify-content: center;
width: 256px; /* Match the QR code size */
}
#qrcode img {
display: block; /* Remove any potential inline spacing */
} }
#qrLabel { #qrLabel {
margin-top: 10px;
text-align: center;
font-weight: bold; font-weight: bold;
text-align: center;
max-width: 256px; /* Match the QR code width */
word-wrap: break-word;
} }
@media (max-width: 600px) { @media (max-width: 600px) {
@ -87,8 +101,10 @@
<button onclick="generateQR()">Generate QR Code</button> <button onclick="generateQR()">Generate QR Code</button>
<div id="qrcode"></div> <div class="qr-container">
<div id="qrLabel"></div> <div id="qrcode"></div>
<div id="qrLabel"></div>
</div>
</div> </div>
<script> <script>