diff --git a/app/src/components/Topbar.svelte b/app/src/components/Topbar.svelte
index 90c238e..8d0bec9 100644
--- a/app/src/components/Topbar.svelte
+++ b/app/src/components/Topbar.svelte
@@ -1,76 +1,84 @@
-
\ No newline at end of file
+ .topbar {
+ height: 50px;
+ }
+ .action_button {
+ border-radius: 4px;
+ width: 34px;
+ height: 34px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ outline: 1px solid #52525b;
+ }
+
diff --git a/app/src/components/Views/Model.svelte b/app/src/components/Views/Model.svelte
index bc7ca07..b39ae7e 100644
--- a/app/src/components/Views/Model.svelte
+++ b/app/src/components/Views/Model.svelte
@@ -1,147 +1,170 @@
-
-
- {/if}
+
+{/if}
-
\ No newline at end of file
+
diff --git a/app/src/components/Views/Stream.svelte b/app/src/components/Views/Stream.svelte
index 5da0b82..760e754 100644
--- a/app/src/components/Views/Stream.svelte
+++ b/app/src/components/Views/Stream.svelte
@@ -1,6 +1,6 @@
+
diff --git a/app/src/components/settings/Configuration.svelte b/app/src/components/settings/Configuration.svelte
index 0aff776..be8290f 100644
--- a/app/src/components/settings/Configuration.svelte
+++ b/app/src/components/settings/Configuration.svelte
@@ -1,23 +1,25 @@
diff --git a/app/src/components/settings/Info.svelte b/app/src/components/settings/Info.svelte
index c064ade..4cd7b14 100644
--- a/app/src/components/settings/Info.svelte
+++ b/app/src/components/settings/Info.svelte
@@ -1,27 +1,31 @@
+
@@ -49,23 +49,36 @@
-{#if selectedServo !== null}
-
-
+ {/if}
Servo {formatServo(servos[selectedServo])} Calibration
- - updateServoValue(selectedServo, 'minPWM', Number(event.target.value))} /> + {#if selectedServo !== null} +
+
-{/if}
+
+
+ updateServoValue(selectedServo, 'pwmFor180', Number(event.target.value))}
+ />
+ Servo {formatServo(servos[selectedServo])} Calibration
+ + updateServoValue(selectedServo, 'minPWM', Number(event.target.value))} + /> - - updateServoValue(selectedServo, 'maxPWM', Number(event.target.value))} /> + + updateServoValue(selectedServo, 'maxPWM', Number(event.target.value))} + /> - - updateServoValue(selectedServo, 'pwmFor180', Number(event.target.value))} /> -
-
\ No newline at end of file
+
- {#each Object.entries($settings) as entry}
-
-
-
- {/each}
- {entry[0]}:
- {entry[1]}
-
+ {#each Object.entries($settings) as entry}
+
+
+
+ {/each}
+ {entry[0]}:
+ {entry[1]}
+
-
\ No newline at end of file
+
- {#each Object.entries($systemInfo ?? {}) as entry}
-
-
-
- {/each}
- {entry[0]}:
- {#if entry[0].includes("Size") || entry[0].includes("Free") || entry[0].includes("Min")}
- {humanFileSize(entry[1])}
- {:else}
- {entry[1]}
- {/if}
-
+ {#each Object.entries($systemInfo ?? {}) as entry}
+
+
diff --git a/app/src/components/settings/Log.svelte b/app/src/components/settings/Log.svelte
index 75da7e0..d3a59a3 100644
--- a/app/src/components/settings/Log.svelte
+++ b/app/src/components/settings/Log.svelte
@@ -1,18 +1,20 @@
+
+ {/each}
+ {entry[0]}:
+ {#if entry[0].includes('Size') || entry[0].includes('Free') || entry[0].includes('Min')}
+ {humanFileSize(entry[1])}
+ {:else}
+ {entry[1]}
+ {/if}
+
- {#each $log as entry}
-
\ No newline at end of file
+ {#each $log as entry}
+ {entry}
- {/each}
-{entry}
+ {/each}
+
diff --git a/app/src/lib/cache.ts b/app/src/lib/cache.ts
deleted file mode 100644
index e298621..0000000
--- a/app/src/lib/cache.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-class FileCache {
- private request: IDBOpenDBRequest;
- private db: IDBDatabase | null = null;
- private store: IDBObjectStore | null = null;
-
- dbName = 'fileStorageDB';
- dbVersion = 1;
- storeName = 'files';
- constructor() {
- this.request = indexedDB.open(this.dbName, this.dbVersion);
- this.request.onerror = (event) => {
- console.error("An error occurred with IndexedDB", event);
- };
-
- this.request.onupgradeneeded = () => {
- this.db = this.request.result;
- this.store = this.db.createObjectStore(this.storeName);
- };
-
- this.request.onsuccess = () => {
- this.db = this.request.result;
- const transaction = this.db.transaction(this.storeName, "readwrite");
- this.store = transaction.objectStore(this.storeName);
- }
- }
-
- public isOpen(): boolean {
- return this.db !== null;
- }
-
- public async saveFile(key:string, file: Uint8Array): Promise
- {#if $emulateModel}
-
diff --git a/app/src/routes/Settings.svelte b/app/src/routes/Settings.svelte
index d827f93..c9b5b89 100644
--- a/app/src/routes/Settings.svelte
+++ b/app/src/routes/Settings.svelte
@@ -3,54 +3,63 @@
import Info from '../components/settings/Info.svelte';
import Log from '../components/settings/Log.svelte';
import Configuration from '../components/settings/Configuration.svelte';
- import { Icon, Wifi, CommandLine, InformationCircle, BookOpen, AdjustmentsVertical, Cog6Tooth, Newspaper } from 'svelte-hero-icons';
+ import {
+ Icon,
+ Wifi,
+ CommandLine,
+ InformationCircle,
+ BookOpen,
+ AdjustmentsVertical,
+ Cog6Tooth,
+ Newspaper
+ } from 'svelte-hero-icons';
import Calibration from '../components/settings/Calibration.svelte';
- export const page = ""
+ export const page = '';
const menu = [
{
title: 'Calibration',
path: '/calibration',
- icon: AdjustmentsVertical,
+ icon: AdjustmentsVertical,
component: Calibration
},
{
- title: 'System info',
+ title: 'System info',
path: '/info',
- icon: InformationCircle,
+ icon: InformationCircle,
component: Info
},
- {
- title: 'Log',
+ {
+ title: 'Log',
path: '/log',
- icon: BookOpen,
+ icon: BookOpen,
component: Log
},
- {
- title: 'Settings',
- path: '/settings',
- icon: Cog6Tooth,
- component: Configuration
- },
+ {
+ title: 'Settings',
+ path: '/settings',
+ icon: Cog6Tooth,
+ component: Configuration
+ }
];