Web interface: add keypress to non-interactive elements with on:click

Author: DrZlo13

components/svelte-portal/src/App.svelte

@@ -60,6 +60,9 @@
         on:click={() => {
           change_tab(tab);
         }}
+        on:keypress={() => {
+          change_tab(tab);
+        }}
       >
         {tab}
       </tab>
@@ -81,7 +84,11 @@
       </tab-content>
     {:else if current_tab == tabs[3]}
       <tab-content>
-        <UartTerminal bind:this={uart_terminal} on_mount={uart_on_mount} send={uart_send}/>
+        <UartTerminal
+          bind:this={uart_terminal}
+          on_mount={uart_on_mount}
+          send={uart_send}
+        />
       </tab-content>
     {/if}
   </tabs-content>

components/svelte-portal/src/lib/Api.svelte

@@ -2,7 +2,7 @@
     let server = "";
 
     if (development_mode) {
-        server = "http://172.30.1.83";
+        server = "http://192.168.0.18";
     }
 
     export const api = {

components/svelte-portal/src/lib/Popup.svelte

@@ -14,7 +14,7 @@
   <popup-wrapper>
     <popup-body>
       <popup-content>
-        <popup-close on:click={close}>X</popup-close>
+        <popup-close on:click={close} on:keypress={close}>X</popup-close>
         <popup-border>
           <slot />
         </popup-border>