From 39033b17fee36714b47b8b61c2a5046fe271963f Mon Sep 17 00:00:00 2001
From: joshuaboud <joshuaboud@hotmail.com>
Date: Wed, 15 Jun 2022 17:15:21 -0300
Subject: [PATCH] use <Teleport> for setting footer content

---
 navigator/src/App.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/navigator/src/App.vue b/navigator/src/App.vue
index 26f30d4..c3f9670 100644
--- a/navigator/src/App.vue
+++ b/navigator/src/App.vue
@@ -1,10 +1,12 @@
 <template>
 	<div class="text-default bg-default h-full flex flex-col items-stretch">
-		<router-view v-if="providesValid" @updateFooterText="text => routerViewFooterText = text" />
-		<div class="flex flex-row items-center px-4 py-2">
-			<div class="text-sm" v-html="routerViewFooterText"></div>
-			<div class="grow" />
-			<div id="footer-buttons" class="flex flex-row-reverse gap-buttons">
+		<router-view v-if="providesValid" />
+		<div class="flex flex-row items-center px-4 py-2 gap-2">
+			<div id="footer-text" class="flex flex-row flex-wrap gap-x-4 gap-y-0 text-xs grow basis-0"></div>
+			<div class="grow-0">
+				45Drives
+			</div>
+			<div id="footer-buttons" class="flex flex-row-reverse gap-buttons grow basis-0">
 				<SettingsMenu />
 			</div>
 		</div>
@@ -60,6 +62,4 @@ const clipboard = reactive({
 provide(clipboardInjectionKey, clipboard);
 providesValid.value = true;
 
-const routerViewFooterText = ref("");
-
 </script>