From af5ef844f8a1866806a5c4a14a59dc02c64370f3 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Wed, 24 Jan 2024 01:29:17 +0100
Subject: [PATCH] ADD: Title in navbar

---
 src/components/Navbar.vue         |  6 +++++-
 src/components/ProfileManager.vue | 18 +++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 351fd1d..98e4cb7 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="flex">
-    <Menubar class="w-full rounded-none bg-zinc-950">
+    <Menubar class="w-full h-20 rounded-none bg-zinc-950 border-l-0">
+      <div class="p-8">
+        <h1 class="text-3xl">ZERO/ONE</h1>
+        <p class="text-xs text-muted-foreground">Haptic Configuration Tool</p>
+      </div>
       <MenubarMenu>
         <MenubarTrigger v-t="'navbar.device.title'" />
         <MenubarContent>
diff --git a/src/components/ProfileManager.vue b/src/components/ProfileManager.vue
index 4730d68..c1d2081 100644
--- a/src/components/ProfileManager.vue
+++ b/src/components/ProfileManager.vue
@@ -1,12 +1,16 @@
 <template>
   <div>
-    <div class="p-4">
-      <h1 class="text-lg">
-        <ScrambleText :text="$t('profiles.title')" />
-      </h1>
-      <p class="text-xs text-muted-foreground">
-        {{ $t('profiles.subtitle') }}
-      </p>
+    <div
+      class="px-4 h-20 flex items-center"
+      @mouseenter="$refs.configPaneTitle.scramble(0.15, 100)">
+      <div>
+        <h1 class="text-lg">
+          <ScrambleText ref="configPaneTitle" class="align-middle" :text="$t(`profiles.title`)" />
+        </h1>
+        <p class="text-xs text-muted-foreground">
+          {{ $t(`profiles.subtitle`) }}
+        </p>
+      </div>
     </div>
     <Separator />
     <Pop />