fix: key text showing focus outline

fix: layout selectable

src/i18n/de/index.ts

@@ -8,6 +8,9 @@ const de = {
     REDO: "Wiederholen",
     SAVE: "Speichern",
   },
+  update: {
+    TITLE: "Gerät aktualisieren",
+  },
   sync: {
     TITLE_READ: "Neueste Änderungen werden abgerufen",
     TITLE_WRITE: "Änderungen werden gespeichert",

src/i18n/en/index.ts

@@ -8,6 +8,9 @@ const en = {
     REDO: "Redo",
     SAVE: "Save",
   },
+  update: {
+    TITLE: "Update your device",
+  },
   backup: {
     TITLE: "Store History",
     INDIVIDUAL: "Individual backups",

src/lib/components/layout/KeyText.svelte

@@ -56,6 +56,7 @@
 
   text {
     will-change: translate, scale;
+    user-select: none;
     transform-origin: center;
     transform-box: fill-box;
     transition:
@@ -64,4 +65,8 @@
       translate #{$transition} ease,
       scale #{$transition} ease;
   }
+
+  text:focus-within {
+    outline: none;
+  }
 </style>

src/routes/api/firmware/+page.json

@@ -0,0 +1,6 @@
+{
+  "CHARACHORDER ONE M0": {
+    "latest": "1.1.3",
+    "next": null
+  }
+}

src/routes/update-guide/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import {LL} from "../../i18n/i18n-svelte"
+</script>
+
+<h1>{$LL.update.TITLE()}</h1>
+
+<a href="https://github.com/CharaChorder/CCOS-firmware/blob/main/CHANGELOG.md" target="_blank">Changelog</a>