Update Demo

Minor Improvement
SheepChef · Nov 23, 2024 · 7b178bf · 7b178bf
1 parent bd5854f
commit 7b178bf
Show file tree

Hide file tree

Showing 8 changed files with 60 additions and 47 deletions.
diff --git a/docs/assets/index-CDNxQT5U.js → docs/assets/index-BUiq8LRJ.js b/docs/assets/index-CDNxQT5U.js → docs/assets/index-BUiq8LRJ.js
diff --git a/docs/assets/index-CVSA6z77.css b/docs/assets/index-CVSA6z77.css
diff --git a/docs/assets/index-DCctfoWb.css b/docs/assets/index-DCctfoWb.css
diff --git a/docs/index.html b/docs/index.html
@@ -11,8 +11,8 @@
         return this._attachShadow({ mode: "open" });
       };
     </script>
-    <script type="module" crossorigin src="./assets/index-CDNxQT5U.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CVSA6z77.css">
+    <script type="module" crossorigin src="./assets/index-BUiq8LRJ.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DCctfoWb.css">
   <link rel="manifest" href="./manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="./registerSW.js"></script></head>
   <body>
     <div id="app"></div>

diff --git a/docs/sw.js b/docs/sw.js
diff --git a/src/assets/ImMainView.css b/src/assets/ImMainView.css
@@ -39,6 +39,11 @@
 }
 
 @media screen and (max-width: 700px) {
+  body {
+    background: url("./bg.webp");
+    background-size: cover;
+    background-position: -480px;
+  }
   #MagicBadge {
     position: absolute;
     display: grid;
@@ -94,6 +99,10 @@
 }
 
 @media screen and (min-width: 700px) {
+  body {
+    background: url("./bg.webp");
+    background-size: cover;
+  }
   #MagicBadge {
     position: absolute;
     display: grid;

diff --git a/src/assets/main.css b/src/assets/main.css
@@ -9,8 +9,6 @@ body {
   margin: 0;
   padding: 0;
   font-family: "SamsungSans", "sans-serif";
-  background: url("./bg.webp");
-  background-size: cover;
 }
 h1 {
   margin-top: unset;

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -134,6 +134,11 @@ function ControlEncq() {
   }
 }
 
+async function KeyEnter() {
+  document.getElementById("KeyCard").blur();
+  await ProcessGo();
+}
+
 async function ProcessGo() {
   let Abra = new Abracadabra(InputMode.value, OutputMode.value);
   let key;
@@ -280,6 +285,7 @@ onBeforeUnmount(() => {});
       </Card>
       <div id="controlBar" style="grid-area: 2; display: grid; grid-template-columns: 360px">
         <mdui-text-field
+          @keydown.enter="KeyEnter"
           id="KeyCard"
           variant="outlined"
           rows="1"