polish

src/routes/(app)/config/Navigation.svelte

@@ -3,8 +3,8 @@
   import { canShare, triggerShare } from "$lib/share";
   import { action } from "$lib/title";
   import LL from "$i18n/i18n-svelte";
-  import ConfigTabs from "./ConfigTabs.svelte";
   import EditActions from "./EditActions.svelte";
+  import { sync, syncStatus } from "$lib/serial/connection";
 </script>
 
 <nav>
@@ -12,8 +12,6 @@
     <EditActions />
   </div>
 
-  <ConfigTabs />
-
   <div class="actions">
     {#if $canShare}
       <button
@@ -40,7 +38,7 @@
 <style lang="scss">
   nav {
     display: grid;
-    grid-template-columns: 1fr auto 1fr;
+    grid-template-columns: 1fr 1fr;
 
     width: calc(min(100%, 28cm));
     margin-block: 8px;
@@ -48,6 +46,20 @@
     padding-inline: 16px;
   }
 
+  @keyframes syncing {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .syncing {
+    transform-origin: 50% 49%;
+    animation: syncing 1s linear infinite;
+  }
+
   .title {
     display: flex;
     align-items: center;