diff --git a/src/App.vue b/src/App.vue
index eb56e5cd4..ba9c0d3cc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,19 +38,18 @@
class="relative flex flex-col h-full justify-between align-center items-center select-none"
:class="
interfaceStore.isOnSmallScreen
- ? 'gap-y-2 pt-2 pb-3 sm:gap-y-1 sm:py-0 sm:-ml-[3px] xs:gap-y-1 xs:py-0 xs:-ml-[3px]'
- : 'lg:gap-y-3 xl:gap-y-4 gap-y-5 py-5'
+ ? 'gap-y-0 pt-2 pb-3 sm:sm:py-0 sm:-ml-[3px] xs:xs:py-0 xs:-ml-[3px]'
+ : 'lg:gap-y-2 xl:gap-y-3 gap-y-4 py-4'
"
>
+ >
+
+ >
+
+ >
+ >
+
+ >
+
+ >
+
+ >
+
-
+
-
-
+
+
{
- if (interfaceStore.is2xl) return 60
- if (interfaceStore.isXl) return 55
- if (interfaceStore.isLg) return 50
- if (interfaceStore.isMd) return 45
- if (interfaceStore.isSm && windowHeight.value > 700) return 50
- if (interfaceStore.isSm && windowHeight.value < 700) return 40
- if (interfaceStore.isXs && windowHeight.value >= 700) return 50
- return 40
+ if (interfaceStore.is2xl) return 72
+ if (interfaceStore.isXl) return 66
+ if (interfaceStore.isLg) return 60
+ if (interfaceStore.isMd) return 54
+ if (interfaceStore.isSm && windowHeight.value > 700) return 60
+ if (interfaceStore.isSm && windowHeight.value < 700) return 48
+ if (interfaceStore.isXs && windowHeight.value >= 700) return 60
+ return 48
})
const menuLabelSize = computed(() => {
diff --git a/src/assets/icons/edit-mode.svg b/src/assets/icons/edit-mode.svg
new file mode 100644
index 000000000..5c9222df7
--- /dev/null
+++ b/src/assets/icons/edit-mode.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/icons/exit-full-screen.svg b/src/assets/icons/exit-full-screen.svg
new file mode 100644
index 000000000..28533bed7
--- /dev/null
+++ b/src/assets/icons/exit-full-screen.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/flight.svg b/src/assets/icons/flight.svg
new file mode 100644
index 000000000..2d4d4395a
--- /dev/null
+++ b/src/assets/icons/flight.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/full-screen.svg b/src/assets/icons/full-screen.svg
new file mode 100644
index 000000000..12c84561b
--- /dev/null
+++ b/src/assets/icons/full-screen.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/info.svg b/src/assets/icons/info.svg
new file mode 100644
index 000000000..aa88706c8
--- /dev/null
+++ b/src/assets/icons/info.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/mission-planning.svg b/src/assets/icons/mission-planning.svg
new file mode 100644
index 000000000..c6468885f
--- /dev/null
+++ b/src/assets/icons/mission-planning.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/settings.svg b/src/assets/icons/settings.svg
new file mode 100644
index 000000000..6eda5dbfc
--- /dev/null
+++ b/src/assets/icons/settings.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/tools.svg b/src/assets/icons/tools.svg
new file mode 100644
index 000000000..d84ea371f
--- /dev/null
+++ b/src/assets/icons/tools.svg
@@ -0,0 +1,4 @@
+