diff --git a/script.js b/script.js
index 9edbbfb..b5fcf83 100644
--- a/script.js
+++ b/script.js
@@ -8,6 +8,7 @@
const settingScreen = document.querySelector(".setting-screen");
const mainScreen = document.querySelector(".main-screen");
+ const qrScreen = document.querySelector(".qr-screen");
const reader = document.querySelector("#reader");
const messageContainer = document.querySelector("#message-container");
@@ -98,8 +99,10 @@
}
- const scanQr = () => {
- window.location.replace("qr.html");
+ const scanQr = () => {
+ settingScreen.style.left = "-100%";
+ mainScreen.style.left = "-200%";
+ qrSreen.style.left = "0";
function onScanSuccess(qrMessage) {
apiKeyInput.value = qrMessage;
diff --git a/style.css b/style.css
index c6c87a1..d9cca0e 100644
--- a/style.css
+++ b/style.css
@@ -71,10 +71,15 @@
/* border: 1px solid blue; */
}
-
-/* .settings-form h1 { */
-/* text-align: center; */
+
+ .qr-screen {
+ left: 200%;
+ transition: all, .3s;
}
+
+/* .settings-form h1 { */
+/* text-align: center; */
+/* } */
.settings-form ul {
position: relative;
diff --git a/trigger.html b/trigger.html
index be807c8..4e0becf 100644
--- a/trigger.html
+++ b/trigger.html
@@ -13,9 +13,6 @@
-
-
-