Merge pull request #2 from Lokuyow/fix/pos

Fix/pos
Lokuyow · Mar 1, 2024 · fbe30b2 · fbe30b2
2 parents df893e6 + 871bd98
commit fbe30b2
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 6 deletions.
diff --git a/main.js b/main.js
@@ -30,6 +30,7 @@ let currentFormatOptions = {};
 let btcToJpy, btcToUsd, btcToEur, lastUpdatedField;
 let lastUpdatedTimestamp = null;
 let selectedLocale = navigator.language || navigator.languages[0];
+let lastClickEvent = null;
 const inputs = document.querySelectorAll('.currency-input');
 
 document.addEventListener('DOMContentLoaded', initializeApp);

diff --git a/styles.css b/styles.css
@@ -673,33 +673,67 @@ input:checked+.slider:before {
 .pos .lightning-address {
     display: flex;
     align-items: center;
-    margin-bottom: 0;
+    margin-bottom: 4px;
+    margin-top: 0;
 }
 
 .pos label {
-    color: var(--subject-text-color);
+    color: var(--main-text-color);
     display: flex;
     flex-flow: column;
     font-size: 1.1rem;
     font-weight: bold;
     text-align: center;
-    padding: 16px;
+    padding: 8px;
     margin: 0.5em 0 0.2em;
 }
 
-.pos input{
+.pos input {
     margin: 1.5em 0;
-    height: 2em;
+    height: 3rem;
 }
 
 .pos input:invalid {
+    color: black;
     background-color: ivory;
     border: none;
     outline: 2px solid red;
     border-radius: 5px;
 }
 
 .pos dialog {
+    color: var(--main-text-color);
+    background-color: var(--unit-bg-color);
     border-radius: 1em;
     border: 1px solid #333333;
+    padding: 0;
+    width: 100%;
+}
+
+#pos-pay-button {
+    height: 50px;
+    line-height: 50px;
+    padding: 0 20px;
+}
+
+#show-lightning-address-dialog {
+    background-color: var(--input-bg-color);
+    padding: 0 9px;
+}
+
+#lightning-address-output {
+    padding-right: 6px;
+}
+
+.lightning-address-input {
+    font-size: 1.2rem;
+    color: var(--input-text-color);
+    background-color: var(--main-bg-color);
+    text-align: center;
+    padding: 0 8px;
+    border: 0;
+}
+
+#lightning-address-form button {
+    background-color: var(--main-bg-color);
 }
diff --git a/sw.js b/sw.js
@@ -3,6 +3,8 @@ const urlsToCache = [
     './styles.css',
     './main.js',
     './manifest.json',
+    './lib/lightning-address.js',
+    './lib/pos.js',
     './favicons/favicon.ico',
     './images/icon_x192.png',
     './images/icon_x512.png',
@@ -28,7 +30,8 @@ const urlsToCache = [
     './images/magnifying-glass-solid.svg',
     './images/sun-regular.svg',
     './images/moon-regular.svg',
-    './images/angle-down-solid.svg'
+    './images/angle-down-solid.svg',
+    './images/settings-solid.svg'
 ];
 
 const VERSION = '1.41';