|
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8" /> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | | - <title>Vite App</title> |
| 6 | + <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"> |
| 7 | + <link href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel=" stylesheet" type=" text/css" /> |
| 8 | + <script src="https://cdn.tailwindcss.com"></script> |
| 9 | + <style> |
| 10 | + body, html { |
| 11 | + font-family: 'Poppins', Arial, Helvetica, sans-serif; |
| 12 | + padding: 0.5rem; |
| 13 | + } |
| 14 | + </style> |
| 15 | + <title>qrcode-parser</title> |
7 | 16 | </head> |
8 | 17 | <body> |
9 | 18 | <div class="section"> |
10 | | - <h3>QR code Url</h3> |
11 | | - <input id="image-url" type="text" placeholder="QR code url here" /> |
12 | | - <input type="button" id="parse-image-url" value="Decode" /> |
13 | | - <p> |
| 19 | + <h3 class="text-xl font-bold mb-2">QR code URL</h3> |
| 20 | + <input id="image-url" type="text" placeholder="QR code URL here" class="input input-bordered input-sm w-full max-w-xs" /> |
| 21 | + <input class="btn btn-sm" type="button" id="parse-image-url" value="Decode" /> |
| 22 | + <p class="my-2"> |
14 | 23 | QR code content: |
15 | 24 | <span id="content1"></span> |
16 | 25 | </p> |
17 | 26 | </div> |
18 | 27 | <div class="section"> |
19 | | - <h3>QR code Base64</h3> |
20 | | - <textarea |
| 28 | + <h3 class="text-xl font-bold my-2">QR code Base64</h3> |
| 29 | + <input |
21 | 30 | id="image-base64" |
22 | | - placeholder="QR code base64 code here" |
23 | | - ></textarea> |
24 | | - <input type="button" id="parse-image-base64" value="Decode" /> |
25 | | - <p> |
| 31 | + type="text" |
| 32 | + class="input input-bordered input-sm w-full max-w-xs" |
| 33 | + placeholder="QR code Base64 code here" |
| 34 | + ></input> |
| 35 | + <input class="btn btn-sm" type="button" id="parse-image-base64" value="Decode" /> |
| 36 | + </div> |
| 37 | + <p class="my-2"> |
26 | 38 | QR code content: |
27 | 39 | <span id="content2"></span> |
28 | 40 | </p> |
29 | 41 | </div> |
30 | 42 | <div class="section"> |
31 | | - <h3>Upload QR code</h3> |
| 43 | + <h3 class="text-xl font-bold my-2">Upload QR code</h3> |
32 | 44 | <div id="form"> |
33 | | - <input type="file" name="file" id="file" /> |
| 45 | + <input type="file" name="file" id="file" class="file-input file-input-bordered file-input-sm w-full max-w-xs" /> |
34 | 46 | </div> |
35 | | - <p> |
| 47 | + <p class="my-2"> |
36 | 48 | QR code content: |
37 | 49 | <span id="content3"></span> |
38 | 50 | </p> |
|
0 commit comments