add seperate header to task template

effectai · Jul 4, 2024 · 42ffe98 · 42ffe98
1 parent 82ce005
commit 42ffe98
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/layouts/template.vue b/layouts/template.vue
@@ -1,13 +1,20 @@
 <template>
   <div class="fullwidth">
-    <TheHeader />
+    <div class="header">
+      <TheLogo/>
+      <div>
+        {{ userName }}@{{ permission }}
+      </div>
+    </div>
     <ModalsContainer />
     <slot />
   </div>
 </template>
 
 <script setup lang="ts">
 import { ModalsContainer } from "vue-final-modal";
+const { connectWallet, isLoggedIn, userName, permission } = useEffectClient();
+
 </script>
 
 <style>
@@ -16,4 +23,12 @@ import { ModalsContainer } from "vue-final-modal";
   max-width: 100%;
   padding: 0;
 }
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 1rem 1rem;
+}
+
 </style>