From 945588d9e022ff4f5219478433f3abd8d4267d85 Mon Sep 17 00:00:00 2001
From: Chris Duncan <chris@zoso.dev>
Date: Thu, 31 Oct 2024 20:47:12 -0700
Subject: [PATCH] Tweaks.
---
app/pages/nemo-wallet.html | 42 +++++++++++++++++---------------------
1 file changed, 19 insertions(+), 23 deletions(-)
diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index 74354b7..f4b192b 100644
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -4,11 +4,18 @@
<meta charset="utf-8" />
<meta lang="en" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
- <script
- type="module"
- src="https://cdn.jsdelivr.net/npm/barcode-detector@2.2.11/dist/es/side-effects.js"></script>
- <script>
+ <script type="module" src="https://cdn.jsdelivr.net/npm/barcode-detector@2.2.11/dist/es/side-effects.min.js"></script>
+ <script type="module">
let libnemo, css
+ const barcodeDetector = new BarcodeDetector()
+
+ const observer = new MutationObserver((mutations) => {
+ for (const mutation of mutations) {
+ if (mutation.type === "attributes") {
+ mutation.target.dispatchEvent(new Event('attributeschanged'))
+ }
+ }
+ })
window.addEventListener('load', async (event) => {
try {
@@ -32,15 +39,6 @@
"https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Hello%20world!",
).then(resp => resp.blob())
barcodeDetector.detect(imageFile).then(console.log)
-
- const observer = new MutationObserver((mutations) => {
- for (const mutation of mutations) {
- if (mutation.type === "attributes") {
- mutation.target.dispatchEvent(new Event('attributeschanged'))
- }
- }
- })
- console.log('loaded libnemo')
}
async function loadData () {
@@ -519,7 +517,7 @@
body {
align-items: flex-start;
background-color: var(--theme-primary);
- box-shadow: 0 0 2rem var(--color-dark);
+ box-shadow: 0 0 2rem black;
color: var(--theme-content);
display: flex;
fill: var(--theme-highlight);
@@ -549,6 +547,7 @@
display: flex;
flex: 0 1 auto;
justify-content: space-evenly;
+ padding-bottom: 1dvh;
width: 100%;
}
main iframe {
@@ -784,8 +783,7 @@
<div class="grid">
<div class="col-3"></div>
<button id="wallet-new-cancel" class="cancel col-3">Cancel</button>
- <button id="wallet-new-ok" class="col-3"
- onclick="createWallet().then(w => { console.log(w) })">OK</button>
+ <button id="wallet-new-ok" class="col-3" onclick="createWallet().then(w => { console.log(w) })">OK</button>
</div>
</div>
</div>
@@ -837,8 +835,7 @@
<div class="grid">
<div class="col-3"></div>
<button id="wallet-import-cancel" class="cancel col-3">Cancel</button>
- <button id="wallet-import-ok" class="col-3"
- onclick="importWallet().then(w => { console.log(w) })">OK</button>
+ <button id="wallet-import-ok" class="col-3" onclick="importWallet().then(w => { console.log(w) })">OK</button>
</div>
</div>
</div>
@@ -850,8 +847,8 @@
<div class="flex-y stretch">
<div id="account-new-name" class="flex-x left mid">
<label for="account-new-name-input">Name</label>
- <input id="account-new-name-input" name="account-new-name" autocomplete="off" maxlength="80"
- pattern="[^_].*" placeholder="My Account" />
+ <input id="account-new-name-input" name="account-new-name" autocomplete="off" maxlength="80" pattern="[^_].*"
+ placeholder="My Account" />
</div>
<div id="account-new-index" class="flex-x left mid">
<label for="account-new-index-input">Index</label>
@@ -866,8 +863,7 @@
<div class="grid">
<div class="col-3"></div>
<button id="account-new-cancel" class="cancel col-3" type="reset">Cancel</button>
- <button id="account-new-ok" class="col-3"
- onclick="createAccount().then(a => { console.log(a) })">OK</button>
+ <button id="account-new-ok" class="col-3" onclick="createAccount().then(a => { console.log(a) })">OK</button>
</div>
</div>
</div>
@@ -910,8 +906,8 @@
<!-- Settings Page -->
<div id="settings" class="page">
+ <h1>Settings</h1>
<div class="flex-y left mid">
- <h1>Settings</h1>
<label for="theme-checkbox">Theme</label>
<div class="toggle">
<input id="theme-checkbox" name="theme" type="checkbox" autocomplete="on" checked />
--
2.34.1