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' " > + >Edit Mode Icon + + >Flight Icon + + >MissionPlanning Icon + >Settings Icon + + >Tools Icon + + >Fullscreen Icon + + >Info Icon + -
+
-
- +
+ { - 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 @@ + + + +