Disable arrow buttons on number input fileds
This commit is contained in:
bumi committed
1 parent
8e45d9206c
commit
986b8d3aa4
2 files changed
+11
-4
No files matched your search
@@ -54,6 +54,13 @@
|
||||
color: #fff;
|
||||
opacity: 0.3;
|
||||
}
|
||||
input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
input.amount {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
+4
-4
@@ -12,15 +12,15 @@ func init() {
|
||||
// define files
|
||||
file2 := &embedded.EmbeddedFile{
|
||||
Filename: "index.html",
|
||||
FileModTime: time.Unix(1603402565, 0),
|
||||
FileModTime: time.Unix(1603539049, 0),
|
||||
|
||||
Content: string("<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <title>⚡ Send me some Sats</title>\n <link href=\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap\" rel=\"stylesheet\" />\n <style>\n html {\n width: 100%;\n height: 100%;\n font-size: 1vw;\n }\n body {\n background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);\n font-family: 'Source Code Pro', monospace;\n }\n .wrapper {\n font-weight: 400;\n line-height: 1.25;\n margin-bottom: 1rem;\n font-size: 4em;\n color: #fff;\n width: 640px;\n margin: 1em auto;\n text-align: center;\n }\n .note {\n font-size: 0.2em;\n }\n .wrapper h1 {\n font-weight: 700;\n }\n .wrapper h2 {\n font-weight: 400;\n }\n .wrapper a, .wrapper a:visited, .wrapper a:active {\n color: #fff;\n text-decoration:none;\n }\n .wrapper p {\n margin: 0.5em 0;\n }\n input, input:focus {\n outline: none;\n background-color: transparent;\n font-size: 1em;\n font-weight: 700;\n border: none;\n border-bottom: 1px solid #fff;\n text-align: center;\n color: #fff;\n }\n ::placeholder {\n color: #fff;\n opacity: 0.3;\n }\n input.amount {\n width: 300px;\n }\n input.memo {\n width: 100%;\n }\n button {\n color: #fff;\n font-weight: 400;\n font-size: 0.5em;\n line-height: 1.5;\n font-weight: 400;\n width: 100%;\n cursor: pointer;\n border: none;\n border-radius: 30px;\n background-color: #2b76b9;\n }\n h2.lnme-value, h1.lnme-memo {\n font-size: 2em;\n font-weight: 400;\n }\n\n .lnme-wrapper {\n margin-top: 1em;\n font-size: 0.5em;\n width: 100%;\n white-space: nowrap;\n }\n .lnme-details {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n .lnme-link {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n .lnme-copy {\n cursor: pointer;\n }\n </style>\n </head>\n <body>\n <div class=\"wrapper\">\n <div class=\"form\" id=\"form\">\n <p>\n Send me<br>\n <input type=\"number\" placeholder=\"10000\" class=\"amount\" id=\"amount\" autocomplete=\"off\" min=\"100\"> Sats\n <br>\n for\n <br>\n <input type=\"text\" class=\"memo\" id=\"memo\" placeholder=\"message\" autocomplete=\"off\">\n </p>\n\n <button id=\"send-button\">⚡ Send ⚡</button>\n\n <p id=\"onchain\" class=\"note\">\n <a href=\"#\" id=\"get-new-address\" class=\"onchain\">Prefer onchain Bitcoin? Click here!</a>\n </p>\n\n <div id=\"lnme-wrapper\" class=\"lnme-wrapper\" style=\"display:none\">\n <div class=\"lnme-qrcode\"></div>\n <div class=\"lnme-details\">\n <a href=\"#\" class=\"lnme-link\"><span class=\"lnme-payment-request\"></span></a>\n <div class=\"lnme-copy\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n </div>\n </div>\n </div>\n\n <div id=\"loader\" style=\"display:none\">\n <svg version=\"1.1\" id=\"loader-1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"40px\" height=\"40px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n <path fill=\"#000\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">\n <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.6s\" repeatCount=\"indefinite\"/>\n </path>\n </svg>\n </div>\n </div>\n </div>\n\n <script src=\"/lnme/lnme.js\" id=\"lnme-script\"></script>\n <script>\n document.getElementById(\"get-new-address\").addEventListener('click', function(e) {\n e.preventDefault();\n var lnme = new LnMe({});\n lnme.newAddress().then(address => {\n document.getElementById(\"onchain\").innerHTML = address;\n });\n });\n\n var urlParams = new URLSearchParams(window.location.search);\n iLine truncated
|
||||
Content: string("<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <title>⚡ Send me some Sats</title>\n <link href=\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap\" rel=\"stylesheet\" />\n <style>\n html {\n width: 100%;\n height: 100%;\n font-size: 1vw;\n }\n body {\n background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);\n font-family: 'Source Code Pro', monospace;\n }\n .wrapper {\n font-weight: 400;\n line-height: 1.25;\n margin-bottom: 1rem;\n font-size: 4em;\n color: #fff;\n width: 640px;\n margin: 1em auto;\n text-align: center;\n }\n .note {\n font-size: 0.2em;\n }\n .wrapper h1 {\n font-weight: 700;\n }\n .wrapper h2 {\n font-weight: 400;\n }\n .wrapper a, .wrapper a:visited, .wrapper a:active {\n color: #fff;\n text-decoration:none;\n }\n .wrapper p {\n margin: 0.5em 0;\n }\n input, input:focus {\n outline: none;\n background-color: transparent;\n font-size: 1em;\n font-weight: 700;\n border: none;\n border-bottom: 1px solid #fff;\n text-align: center;\n color: #fff;\n }\n ::placeholder {\n color: #fff;\n opacity: 0.3;\n }\n input[type=number] {\n -moz-appearance: textfield;\n }\n input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n input.amount {\n width: 300px;\n }\n input.memo {\n width: 100%;\n }\n button {\n color: #fff;\n font-weight: 400;\n font-size: 0.5em;\n line-height: 1.5;\n font-weight: 400;\n width: 100%;\n cursor: pointer;\n border: none;\n border-radius: 30px;\n background-color: #2b76b9;\n }\n h2.lnme-value, h1.lnme-memo {\n font-size: 2em;\n font-weight: 400;\n }\n\n .lnme-wrapper {\n margin-top: 1em;\n font-size: 0.5em;\n width: 100%;\n white-space: nowrap;\n }\n .lnme-details {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n .lnme-link {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n .lnme-copy {\n cursor: pointer;\n }\n </style>\n </head>\n <body>\n <div class=\"wrapper\">\n <div class=\"form\" id=\"form\">\n <p>\n Send me<br>\n <input type=\"number\" placeholder=\"10000\" class=\"amount\" id=\"amount\" autocomplete=\"off\" min=\"100\"> Sats\n <br>\n for\n <br>\n <input type=\"text\" class=\"memo\" id=\"memo\" placeholder=\"message\" autocomplete=\"off\">\n </p>\n\n <button id=\"send-button\">⚡ Send ⚡</button>\n\n <p id=\"onchain\" class=\"note\">\n <a href=\"#\" id=\"get-new-address\" class=\"onchain\">Prefer onchain Bitcoin? Click here!</a>\n </p>\n\n <div id=\"lnme-wrapper\" class=\"lnme-wrapper\" style=\"display:none\">\n <div class=\"lnme-qrcode\"></div>\n <div class=\"lnme-details\">\n <a href=\"#\" class=\"lnme-link\"><span class=\"lnme-payment-request\"></span></a>\n <div class=\"lnme-copy\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n </div>\n </div>\n </div>\n\n <div id=\"loader\" style=\"display:none\">\n <svg version=\"1.1\" id=\"loader-1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"40px\" height=\"40px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n <path fill=\"#000\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">\n <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.6s\" repeatCount=\"indefinite\"/>\n </path>\n </svg>\n </div>\n </div>\n </div>\n\n <script src=\"/lnme/lnme.js\" id=\"lnme-script\"></script>\n <script>\n document.getElementById(\"get-new-address\").addEventListener('click', function(e) {\n e.preventDefault();\n var lnme = new LnMe({});\n Line truncated
|
||||
}
|
||||
|
||||
// define dirs
|
||||
dir1 := &embedded.EmbeddedDir{
|
||||
Filename: "",
|
||||
DirModTime: time.Unix(1603402565, 0),
|
||||
DirModTime: time.Unix(1603539049, 0),
|
||||
ChildFiles: []*embedded.EmbeddedFile{
|
||||
file2, // "index.html"
|
||||
|
||||
@@ -33,7 +33,7 @@ func init() {
|
||||
// register embeddedBox
|
||||
embedded.RegisterEmbeddedBox(`files/root`, &embedded.EmbeddedBox{
|
||||
Name: `files/root`,
|
||||
Time: time.Unix(1603402565, 0),
|
||||
Time: time.Unix(1603539049, 0),
|
||||
Dirs: map[string]*embedded.EmbeddedDir{
|
||||
"": dir1,
|
||||
},
|
||||
|
||||
Reference in new issue
Block a user